Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
- <html>
- <head>
- <link type="text/css" href="../demoengine/demoengine.css" rel="stylesheet">
- <script type="text/javascript" src="../demoengine/demoengine.js" async defer></script>
- <title>jQuery UI Datepicker: Using Datepicker to Select Date Range</title>
- <link type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.24/themes/ui-darkness/jquery-ui.css" rel="stylesheet">
- <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
- <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.24/jquery-ui.min.js"></script>
- <style type="text/css">
- .dp-highlight .ui-state-default {
- background: #484;
- color: #FFF;
- }
- </style>
- </head>
- <body>
- <div id="datepicker"></div>
- <p>
- Dates:
- <input type="text" id="input1" size="10">
- <input type="text" id="input2" size="10">
- </p>
- <script type="text/javascript">
- $(function() {
- $("#datepicker").datepicker({
- numberOfMonths: 2,
- beforeShowDay: function(date) {
- var date1 = $.datepicker.parseDate($.datepicker._defaults.dateFormat, $("#input1").val());
- var date2 = $.datepicker.parseDate($.datepicker._defaults.dateFormat, $("#input2").val());
- return [true, date1 && ((date.getTime() == date1.getTime()) || (date2 && date >= date1 && date <= date2)) ? "dp-highlight" : ""];
- },
- onSelect: function(dateText, inst) {
- var date1 = $.datepicker.parseDate($.datepicker._defaults.dateFormat, $("#input1").val());
- var date2 = $.datepicker.parseDate($.datepicker._defaults.dateFormat, $("#input2").val());
- if (!date1 || date2) {
- $("#input1").val(dateText);
- $("#input2").val("");
- $(this).datepicker("option", "minDate", dateText);
- } else {
- $("#input2").val(dateText);
- $(this).datepicker("option", "minDate", null);
- }
- }
- });
- });
- </script>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
