Set maxDate on jquery ui datepicker to certain date

Question

I want to set the maxDate of jQuery UI to 18/02/2013 but upon trying, it only lets me update it to today's date.

How can I go about doing this?

$("#datepicker'.$row['id'].'").datepicker({
    minDate: -0, 
    dateFormat: \'dd/mm/yy\',
    maxDate: 18/02/2013
});

It seems you're assigning 0.004470938897168405 (18 divided by octal 2 divided by 2013) to maxDate instead of a date string. — Frédéric Hamidi
– Frédéric Hamidi, Commented Feb 4, 2013 at 11:35

Antti29 · Accepted Answer · 2019-02-15 12:57:54Z

44

Try this:

$("#datepicker").datepicker({ minDate: -0, maxDate: new Date(2013, 1, 18) });

If you want use hard coded date, use the new Date(2013, 1, 18) pattern.

If you want to use generic pattern, use "+1D +1M +1Y".

Reference link: http://jsfiddle.net/pradkumar_n/wQe8c/

edited Feb 15, 2019 at 12:57

Antti29

3,03912 gold badges37 silver badges36 bronze badges

answered Feb 4, 2013 at 11:37

NPKR

5,5165 gold badges35 silver badges48 bronze badges

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

2 Comments

Jay Katira Over a year ago

of i remove 'minDate' and use the rest, it will show 1 month ahead. for exact daet i want in 'maxDate' then i have to decrease month with 1. Other than that works great. Thanks

Antti29 Over a year ago

@JayKatira: That's because for whatever reason, the month parameter uses a 0-based index whereas day and year are 1-based. This is one of those WHY?!?! moments.

Ramesh · Accepted Answer · 2018-08-01 12:24:39Z

6

$( "#datepicker" ).datepicker( { minDate: 0, maxDate: 365 });
//365 Days

You can use number of days also.

edited Aug 1, 2018 at 12:24

answered Aug 1, 2018 at 10:30

Ramesh

1,8972 gold badges25 silver badges30 bronze badges

2 Comments

Niladri Over a year ago

This does not provide an answer to the question. To critique or request clarification from an author, leave a comment below their post. - From Review

Ramesh Over a year ago

here in stackoverflow not for the result which can use directly into project use. Just stackoverflow is using for giving spark and idea... :)

Jaydeep Shil · Accepted Answer · 2019-02-18 12:00:12Z

2

this worked for me by setting the end date picker range from today to 7 more days.

$endDateCtrl.datepicker("option", "minDate", -0);
$endDateCtrl.datepicker("option", "maxDate", '+7D');
$endDateCtrl.datepicker();

answered Feb 18, 2019 at 12:00

Jaydeep Shil

1,97924 silver badges21 bronze badges

Comments

Sameer · Accepted Answer · 2019-10-08 11:41:54Z

I am setting max date using event functions:

    $('#datepicker').datepicker({
        changeMonth: true,
        changeYear: true,
        yearRange: "-9:+1",// you can define range of year here.
        dateFormat: 'MM yy',
        onClose: function () {

            var iMonth = $("#ui-datepicker-div .ui-datepicker-month :selected").val();

            var iYear = $("#ui-datepicker-div .ui-datepicker-year :selected").val();

            $(this).datepicker('setDate', new Date(iYear, iMonth, 1));

        },
        beforeShow: function () {
            var selDate = $(this).val();
            if ((selDate.length) > 0) {
                iYear = selDate.substring(selDate.length - 4, selDate.length);
                iMonth = jQuery.inArray(selDate.substring(0, selDate.length - 5),

                $(this).datepicker('option', 'monthNames'));
                $(this).datepicker('option', 'defaultDate', new Date(lastYear, iMonth, 1));
                $(this).datepicker('option', 'maxDate', new Date(lastYear, 12, 1));
                $(this).datepicker('setDate', new Date(lastYear, iMonth, 1));
            }
        }
    });

Utsav Patel · Accepted Answer · 2020-03-21 10:52:45Z

1

$(document).ready(function() {
 $( "#dob" ).datepicker({
       maxDate: -0,
      changeMonth:true,
      changeYear:true,
      yearRange:"-100:+100",
      dateFormat: "yy-mm-dd",
    });
});

edited Mar 21, 2020 at 10:52

Utsav Patel

2,9171 gold badge19 silver badges27 bronze badges

answered Mar 21, 2020 at 5:58

user13098303

111 bronze badge

1 Comment

Mark Rotteveel Over a year ago

Please don't post only code as an answer, but also include an explanation of your code and how it solves the problem of the question. Answers with an explanation are usually of higher quality, and are more likely to attract upvotes.

Syamlal · Accepted Answer · 2024-10-17 10:06:06Z

0

const today = new Date();
const yesterday = new Date(today);
yesterday.setDate(today.getDate() - 1);

In Datepicker

maxDate : yesterday

This worked for me when i using react

answered Oct 17, 2024 at 10:06

Syamlal

9511 gold badge12 silver badges23 bronze badges

Collectives™ on Stack Overflow

Set maxDate on jquery ui datepicker to certain date

6 Answers 6

2 Comments

2 Comments

Comments

Comments

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

6 Answers 6

2 Comments

2 Comments

Comments

Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related