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....
Loading
Know the answer? Post it — somebody with the same question will find it here.
Sign in to answer this question
It is the same account you read, post and publish with — and you will come straight back to this page.
Suresh MPosted Sep 15, 2015, 8:56 AM
Ratika TamboliPosted Sep 15, 2015, 5:58 AM
Killer InstinctPosted Sep 15, 2015, 4:34 AM
<%@ Page Language="C#"
AutoEventWireup="true"
CodeFile="Default18.aspx.cs"
Inherits="Default18" %>
1.0 Transitional//EN" "http://www.w3.org/
TR/xhtml1/DTD/xhtml1-transitional.dtd">
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
};
}
});
Killer InstinctPosted Sep 15, 2015, 4:29 AM
$(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
};
}
});
Suresh MPosted Sep 15, 2015, 2:02 AM