How to limit datepicker's max date to today?

jquery asp.net-mvc jquery-ui jquery-ui-datepicker
Dragan picture Dragan · Nov 4, 2011 · Viewed 26.8k times · Source

The questions is in the Title. I have two datepickers, from and to. I want to limit the from datepicker to the current date. How do I do that? Thanks in advance!

Answer

Guillaume Cisco picture Guillaume Cisco · Nov 4, 2011

Use the maxDate options : http://jqueryui.com/demos/datepicker/#option-maxDate

Set a maximum selectable date via a Date object or as a string in the current dateFormat, or a number of days from today (e.g. +7) or a string of values and periods ('y' for years, 'm' for months, 'w' for weeks, 'd' for days, e.g. '+1m +1w'), or null for no limit.

For example : $( ".selector" ).datepicker( "option", "maxDate", new Date() );

Related questions

Passing data to a jQuery UI Dialog

I'm developing an ASP.Net MVC site and on it I list some bookings from a database query in a table with an ActionLink to cancel the booking on a specific row with a certain BookingId like this: My bookings &…

Read More
Autocomplete applying value not label to textbox

Im having troubles trying to get the autocomplete to work properly. It all looks ok to me but.... <script> $(function () { $("#customer-search").autocomplete({ source: 'Customer/GetCustomerByName', minLength: 3, select: function (event, ui) { $("#customer-search").val(ui.item.label); $("#selected-customer").val(ui.…

Read More
How to add jQueryUI library in MVC 5 project?

I've just installed Visual Studio 2013 and started new MVC 5 project. I'm kind of new in MVC developing and I can't figure out how to add libraries in my project. I see some similar parts. For example, on the _Layout.cshtml …

Read More