Range time Selection Range date picker
$(function(datepicker) {functionDatePicker () {varDate =NewDate (); varYear =date.getfullyear (); varmonth = Date.getmonth () +1; varDay =date.getdate (); varDatestr = ' '; //Global Settings DatePicker;$.datepicker.setdefaults ({monthNames: [' January ', ' February ', ' March ', ' April ', ' May ', ' June ', ' July ', ' August ', ' September ', ' October ', ' November ', ' December '], daynamesmin: [' Sunday ', ' Monday ', ' Tuesday ', ' Wednesday ', ' Thursday ', ' Friday ', ' Saturday '], DateFormat:' Yy-mm-dd ', Mindate:date, MaxDate:' +1W ' }); $( "#date_from"). DatePicker ({defaultdate:"+1", Changemonth:true, Numberofmonths:1, OnClose:function(selectedDate) {if(selectedDate) {//Change the date selection threshold if the user chooses a date;$ ("#date_to"). DatePicker ("option", "MinDate"), selectedDate); } } }); $( "#date_to"). DatePicker ({defaultdate:"+1", Changemonth:true, Numberofmonths:1, OnClose:function(selectedDate) {if(selectedDate) {//Change the date selection threshold if the user chooses a date;$ ("#date_from"). DatePicker ("option", "MaxDate"), selectedDate); } } }); } datePicker ();});
JQuery UI DatePicker Experience