How to disable dates before today in jquery UI datepicker?

Question

I am making a hotel reservation system i have to disable past dates in jQuery UI datepicker here's the code

calling in .cs

   public class CheckLookup
        {
            [DataType(DataType.Date)]
            public DateTime checkindate { get; set; }
            [DataType(DataType.Date)]
            public DateTime checkoutdate { get; set; }
        }

Here's the javascript

 $(document).ready(function () {
        function getDateYymmdd(value) {
            if (value == null)
                return null;
            return $.datepicker.parseDate("yy-mm-dd", value);
        }
        $('.date').each(function () {
            var minDdate = getDateYymmdd($(this).data(""));
            var maxDate = getDateYymmdd($(this).data("val-rangedate-max"));
            $(this).datepicker({
                dateFormat: "dd-mm-yy", 
                minDate: minDate,
                maxDate: maxDate
            });
        });
    });

tell me the modification to be done in this code.

thecodeparadox · Accepted Answer · 2012-06-20 08:54:47Z

32

You can try this:

$('.date').datepicker({ minDate: 0 });

for you case:

$('.date').each(function () {
   var maxDate = getDateYymmdd($(this).data("val-rangedate-max"));
   $(this).datepicker({
         dateFormat: "dd-mm-yy", 
         minDate: 0,
         maxDate: maxDate
   });
});

answered Jun 20, 2012 at 8:54

thecodeparadox

87.2k22 gold badges143 silver badges164 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

any user Over a year ago

Its working great man but formet is changing automaticly from dd-mm-yy to mm-dd-yy

thecodeparadox Over a year ago

@SahilPopli I think dateFormat should not change, see here jsbin.com/ecome/25/edit

any user Over a year ago

hey i have done it i need one more favor i want that if i set checkin date 20-08-2012 the 2nd date picker set from 21-8-2012 how to do this tell plz

Collectives™ on Stack Overflow

How to disable dates before today in jquery UI datepicker?

1 Answer 1

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related