How to disable previous dates in ui date picker

Question

How to disable previous dates in ui date picker

I have a script like below:

<script>
  $(document).ready(function() {
      $("#sDate , #eDate").datepicker({
          dateFormat: 'yy-mm-dd',
          showOn: "button",
          buttonImage: "images/calendar.gif",
          buttonImageOnly: true
      });
  });

My html input fields are as follows:

<input type="text"  readonly name="scheduleStartDate" id="sDate" />
<input type="text"  readonly name="scheduleEndDate" id="eDate" />

When I click on the image, I get the ui calendar for input fields. Please help me turn off the previous dates in the calendar so that the user can select a start date from today onwards. Thank!

+3

jquery html calendar

Sha June 29. 15 at 13:15

source to share

2 answers

Tatha · Answer 1 · 2015-06-29T13:32:37+0000

Use an attribute minDate

for your code like this

<script>
$(document).ready(function(){
    $( "#sDate , #eDate" ).datepicker({
        dateFormat: 'yy-mm-dd',
        showOn: "button",
        buttonImage: "images/calendar.gif",
        buttonImageOnly: true,
        minDate: new Date(2015, 6, 29)
    });
});
</script>

Where 2015 is the year, 6 is the month, and 29 is the date. Date before 06/29/2015 will be disabled.

Note. Assuming the datepicker used is the jQuery datepicker.

Sasikumar · Answer 2 · 2015-06-29T13:31:28+0000

Set minDate:0

to datepicker()

function

How to disable previous dates in ui date picker

More articles: