How to disable the future date in the jquery datepicker

Question

I tried to disable the future date in date picker but thing is it has been disable the month and the year.

following is the code.

    <html>
<head>
    <title>Week Calculation</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="css/jquery-ui.css" />

    <script src="JavaScript/jquery-1.10.2.js"></script>
    <script src="JavaScript/jquery-ui.js"></script>

</head>
<body>
    <form id="daterange">
        <p>Date1: <input type="text" id="datepicker1" name="date1"></p>
        <p>Date2: <input type="text" id="datepicker2" name="date2"></p>
      <p> <label> Enter search Text: </label> <input type="text" id="byrange" name="searchText"> </p>
        <p> <input type="submit" /></p>
    </form>
</body>

see this id different question. even i posted with screenshot also. i want disable the future date but user can able to select the month and year drop down for some thing like previous year or previous month selection. — user993164, Nov 06 '15 at 10:10

score 1 · Answer 1 · answered Nov 06 '15 at 06:33

1

use

$("#datepicker").datepicker({ maxDate: new Date);

or

 $("#datepicker").datepicker({  maxDate: '0'});

answered Nov 06 '15 at 06:33

Shailendra Sharma

6,976
2
28
48

Would it be useful, because moth and year dropdown are allowed to select future dates. – Parkash Kumar Nov 06 '15 at 06:34
please explain how you select future date in http://jsfiddle.net/catch_shailendra/VBGKU/687/ – Shailendra Sharma Nov 06 '15 at 06:39
But, what if OP want to allow selection of future year dates and disable specific dates in current year or month. – Parkash Kumar Nov 06 '15 at 06:41
than you should ask how to disable "specific dates" not future date look at the question first – Shailendra Sharma Nov 06 '15 at 06:42
Ok, you haven't read it carefully. OP doesn't want to disable month and year dropdown. – Parkash Kumar Nov 06 '15 at 06:43
in my fiddle drop-downs are not disable, they just not allowed future date as question said – Shailendra Sharma Nov 06 '15 at 06:45
Sure, but it is not allowing to select future dates. – Parkash Kumar Nov 06 '15 at 06:46
see this id different question. even i posted with screenshot also. i want disable the future date but user can able to select the month and year drop down for some thing like previous year or previous month selection. – user993164 Nov 06 '15 at 10:10

How to disable the future date in the jquery datepicker

1 Answers1