jQuery Datepicker js demo

253   06 October 2019

The jQuery UI Datepicker is widely used plugin that gives you datepicker functionality to your webpages. You can easily customize the date format, range, language and and many more. Few of them listed below :


To Change Date Format :

$( ".selector" ).datepicker({
  altFormat: "yy-mm-dd"
});

To Set Date :

$( ".selector" ).datepicker( "setDate", "20/10/2018" );

To restrict maximum Date Range:

$( ".selector" ).datepicker({
  maxDate: "+1m +1w"
});

To restrict Minimum Date Range:

$( ".selector" ).datepicker({
  minDate: -(Number of days back from current date)
});
View More

Related Elements