How to set minimum date in windows phone toolkit datepicker?

Question

Hello, I want to set minimum date in datepicker of windows phone toolkit? I want to hide or disabled the dates less than current dates? Please suggest....

Suresh M · Answer

its not possible to hide. my suggestion is to check once the user select the date

Ratika Tamboli · Answer

Thanks Killer and suresh for the reply. I am working on windows phone 8 and using windows phone toolkit datepicker to select date. but want to hide dates less than today date.

Suresh M · Answer

http://stackoverflow.com/questions/9031509/limit-date-range-in-a-datepicker My suggestion is use valuechanged event check the selected date is greater than current date.

Killer Instinct · Answer

Here is the complete working version:- AutoEventWireup="true" CodeFile="Default18.aspx.cs" Inherits="Default18" %> 1.0 Transitional//EN" "http://www.w3.org/ TR/xhtml1/DTD/xhtml1-transitional.dtd"> xhtml"> ajax.googleapis.com/ajax/libs/ jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/> src="http://ajax.googleapis.com/ajax/libs/ jquery/1.4/jquery.min.js"> src="http://ajax.googleapis.com/ajax/libs/ jqueryui/1.8/jquery-ui.min.js"> language="javascript"> $(document).ready(function() { $("#TextBox1").datepicker({ beforeShow: customDate, dateFormat:'MM/dd/yyyy', buttonImage: 'images/ date.png', buttonText: 'Choose date', firstDay: 1, buttonImageOnly: true, showOn: 'both', showAnim: 'fadeIn', onSelect: function() { $(this).trigger("onchange", null); } }); function customDate() { var defaultMin = new Date(); var defaultMax = new Date(); var Min = defaultMin; var Max = defaultMax; // make valid date from hiddenfied value format is MM/dd/yyyy dateMin = $("#HiddenField1").val(); dateMin = new Date(dateMin); dateMax = $("#HiddenField2").val(); dateMax = new Date(dateMax); if (dateMin && dateMax) { Min = new Date (dateMin.getFullYear(), dateMin.getMonth (), dateMin.getDate()); Max = new Date (dateMax.getFullYear(), dateMax.getMonth (), dateMax.getDate()); } return { minDate: Min, maxDate: Max }; } }); runat="server" Text=""> runat="server" Value="09/01/2010" /> runat="server" Value="09/30/2010" />

Killer Instinct · Answer

language="javascript"> $(document).ready(function() { $("#TextBox1").datepicker({ dateFormat: 'M d', beforeShow: customDate, buttonImage: 'images/ date.png', buttonText: 'Choose date', firstDay: 1, buttonImageOnly: true, showOn: 'both', showAnim: 'fadeIn', onSelect: function() { $(this).trigger("onchange", null); } }); function customDate() { var defaultMin = new Date(); var defaultMax = new Date(); var Min = defaultMin; var Max = defaultMax; // get MinDate and MaxDate from another control, here you also place them from value you have, use hidden field dateMin = $("#TextBox2").val (); dateMax = $("#TextBox2").val(); if (dateMin && dateMax) { Min = new Date (dateMin.getFullYear(), dateMin.getMonth (), dateMin.getDate()); Max = new Date (dateMax.getFullYear(), dateMax.getMonth (), dateMax.getDate()); } return { minDate: Min maxDate:Max }; } });