How to disable previous dates on the TO calendar?

Question

This is the script I am using. What changes to be done?

$( "#from" ).datepicker
  defaultDate: "+1w",
  changeMonth: true,
  numberOfMonths: 3,

$( "#to" ).datepicker
  defaultDate: "+1w",
  changeMonth: true,
  numberOfMonths: 3

Your question is incomplete and unclear. Please fix the code and elaborate. — j08691, Nov 20 '14 at 19:37
possible duplicate of [disable past dates on datepicker](http://stackoverflow.com/questions/15757918/disable-past-dates-on-datepicker) — Rahul Desai, Nov 21 '14 at 06:05

score 0 · Answer 1 · edited Nov 21 '14 at 06:30

0

Do:

var today = new Date();
var yesterday = new Date(today.getFullYear(),today.getMonth(),today.getDate()-1)

then add below property in your to date picker function

minDate : yesterday

edited Nov 21 '14 at 06:30

Rahul Desai

15,242
19
83
138

answered Nov 20 '14 at 20:06

user4271796

1

score 0 · Answer 2 · edited Nov 21 '14 at 06:16

0

I fixed it :-

Have to add this code in $( "#from" ).datepicker

onSelect: function( selectedDate ) {
  $( "#to" ).datepicker( "option", "maxDate", selectedDate

Have to add this code in $( "#to" ).datepicker

onSelect: function( selectedDate ) {
             $( "#toDateRange" ).datepicker( "option", "minDate", selectedDate

edited Nov 21 '14 at 06:16

Rahul Desai

15,242
19
83
138

answered Nov 21 '14 at 05:58

Shreyas

23
1
1
5

score 0 · Answer 3 · answered Nov 26 '14 at 05:24

Here is complete to code for that

 var dateToday = new Date();
     $(".datefrom" ).datepicker({
        dateFormat: 'dd/mm/yy',
         minDate: dateToday,

         onClose: function( selectedDate ) {
        $( ".dateto" ).datepicker( "option", "minDate", selectedDate );
      },
        onSelect: function(selectedDate) {
             var option = this.class == "datefrom" ? "minDate" : "maxDate",
              instance = $(this).data("datepicker"),
              date = $.datepicker.parseDate(instance.settings.dateFormat || $.datepicker._defaults.dateFormat, selectedDate, instance.settings);
         }
     });

$(".dateto" ).datepicker({
    dateFormat: 'dd/MM/yyyy',

    onClose: function( selectedDate ) {
        $( ".datefrom" ).datepicker( "option", "maxDate", selectedDate );
    }
  });


$('.datefrom,.dateto').change(selector)

It will disable the previous date in from calender and according to the selection done in from calender the to calender will get updated automatically and disabled previous date..

How to disable previous dates on the TO calendar?

3 Answers3