w3resource

jQuery UI: Initialize the datepicker and calculate the week of the year

jQuery UI Fundamental - I : Exercise-25

Initialize the datepicker and calculate the week of the year. Use the default implementation ISO 8601.

Sample solution :

HTML Code :

<!DOCTYPE html>
<html>
<head>
<link href="https://code.jquery.com/ui/jquery-ui-git.css" rel="stylesheet" type="text/css" />
<script src="https://code.jquery.com/jquery-git.js"></script>
<script src="https://code.jquery.com/ui/jquery-ui-git.js"></script>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>Initialize the datepicker and calculate the week of the year.</title>
</head>
<body>
<p>Pick a Date : <input type="text" id="datepicker" /></p>  
</body>
</html>

JavaScript Code :

$( "#datepicker" ).datepicker({ 
     onSelect: function(dateText, inst) {
 console.log("Week of the year" , $.datepicker.iso8601Week(new Date(dateText)));
     } 
});

Go to:


PREV : Initialize the datepicker and show a button text.
NEXT : Initialize the datepicker and rendered the month as a dropdown instead of text.

See the Pen jquery-ui-fundamental-exercise-25 by w3resource (@w3resource) on CodePen.


Contribute your code and comments through Disqus.

What is the difficulty level of this exercise?

Test your Programming skills with w3resource's quiz.



Follow us on Facebook and Twitter for latest update.