jQuery UI Datepicker Disable Past Dates Days

By: Suresh Dasari Nov 18, 2012

Introduction:

Here I will explain how to disable past or previous dates in jQuery datepicker.

Description:

In previous posts I explained Disable weekends in jQuery datepicker, Show multiple months in datepicker, Show datepicker on button click and many articles relating to JQuery and datepicker. Now I will explain how to disable past dates in jQuery datepicker.

To disable past dates in datepicker we need to write the code like this

<head>

<title>jQuery Datepicker: Disable past days</title>

$(function() {

var date = new Date();

var currentMonth = date.getMonth();

var currentDate = date.getDate();

var currentYear = date.getFullYear();

$('#datepicker').datepicker({

minDate: new Date(currentYear, currentMonth, currentDate)

});

</script>

</head>

<body>

</body>

</html>

Demo

Asp.net Tutorials