Restrict future date in Calendar

Question

http://www.aspsnippets.com/demos/216/ I am using the Calendar Plugin from the above website .I want to restrict the Selection of future date .I don't know how to do this?Help me..

Rathrola Prem Kumar · Answer

The datepicker has the maxdate property that you can set when you initialize it. $ ( #datepicker ). datepicker ({ maxDate : new Date  minDate : new Date ( 2007  6  12 ) }); Like my ans if it helps u. Thanks :)

Mangesh Gaherwar · Answer

$(document).ready(function () { $(# ).dynDateTime({ showsTime: false ifFormat: %d/%m/%y  daFormat: %l;%M %p %e %m %Y align: BR electric: false singleClick: false displayArea: .siblings('.dtcDisplayArea') button: .next() maxDate: +0D }); });

Dinesh Santhalingam · Answer

html > script src = Scripts/jquery-1.4.1.min.js type = text/javascript > script > script src = Scripts/jquery.dynDateTime.min.js type = text/javascript > script > script src = Scripts/calendar-en.min.js type = text/javascript > script > link href = Styles/calendar-blue.css rel = stylesheet type = text/css /> script type = text/javascript > $(document).ready(function () { $(# %=TextBox1.ClientID % > ).dynDateTime({ showsTime: false ifFormat: %d/%m/%y  daFormat: %l;%M %p %e %m %Y align: BR electric: false singleClick: false displayArea: .siblings('.dtcDisplayArea') button: .next() }); }); script > body > form id = form1 runat = server > asp:TextBox ID = TextBox1 runat = server > asp:TextBox > img src = calender.png /> form > body > html > Here is my code @ Mangesh Gaherwar

Mangesh Gaherwar · Answer

Share Complete ASPX Page if Possible Dinesh

Dinesh Santhalingam · Answer

No errors were Populated.Actually I Include that max date to my codingbut it is not affect my code. link:http://www.aspsnippets.com/Articles/jQuery-UI-DatePicker-Calendar-Example-in-ASPNet.aspx

Mangesh Gaherwar · Answer

Dinesh try CTRL+SHIFT+J an see the errors at the console an post here

Dinesh Santhalingam · Answer

I tried this but not working @Mangesh Gaherwar

Mangesh Gaherwar · Answer

$(document).ready(function () { var maxdate = new Date(); $(# ).datepicker({ showsTime: false ifFormat: %d/%m/%y  daFormat: %l;%M %p %e %m %Y align: BR electric: false maxDate: maxdate singleClick: false displayArea: .siblings('.dtcDisplayArea') button: .next() });

Dinesh Santhalingam · Answer

$(document).ready(function () { var maxdate = new Date(); $(# %=TextBox1.ClientID % > ).dynDateTime({ showsTime: false ifFormat: %d/%m/%y  daFormat: %l;%M %p %e %m %Y align: BR electric: false maxDate: maxdate singleClick: false displayArea: .siblings('.dtcDisplayArea') button: .next() }); }); This my Current code from http://www.aspsnippets.com/demos/216/

Mangesh Gaherwar · Answer

Share your working code Dinesh Lemme see share aspx

Dinesh Santhalingam · Answer

It not works @ Mangesh Gaherwar.

Mangesh Gaherwar · Answer

Just add this In ur script Dinesh $(function () { var maxdate = new Date(); $([id$=txtDate]).datepicker({ maxDate: maxdate showOn: 'button' buttonImageOnly: true buttonImage: 'http://jqueryui.com/demos/datepicker/images/calendar.gif' }); }); Hope it Helps U Mark approved if it does Reference http://api.jqueryui.com/datepicker/#option-maxDate

Rajeesh Menoth · Answer

Hi Try this code: var date = new Date( 2013-07-15 ); var currentMonth = date.getMonth(); var currentDate = date.getDate(); var currentYear = date.getFullYear(); $( #datepicker ).datepicker( option  maxDate  new Date(currentYear currentMonth currentDate)); Demo : http://jsfiddle.net/yLjDH/38/

Salman · Answer

Hi. You can do like this $ ( function () { $ ( #datepicker ). datepicker ({ maxDate : new Date () }); }); Or you can achieve this using as below: $ ( function () { $ ( #datepicker ). datepicker ({ maxDate : 0 }); }); thanks.