Thursday, October 11, 2007

Infragistics WebDateChooser

Set Maximum & Minimum Date on Infragistics WebDateChooser using Javascript.



This is the sample for how to set first webdatechooser's selected date as maximum date of second webdatechooser.



Add the following script function in your Script tag or file.



var today;
function SetMaxDate()
{
var t = document.getElementById('WebDateChooser1').value;
today = new Date();
var dt;
if(t.indexOf('-') != -1)
dt = t.split('-');
else if(t.indexOf('/') != -1)
dt = t.split('/');
var yr = dt[0];
var mn = dt[1];
var dy = dt[2];
today.setFullYear(yr,mn-1,dy);
oWebDateChooser2.setMaxDate(today);
}


function SetDate()
{
oWebDateChooser2.setValue(oWebDateChooser2.getMaxDate());
}





Add the following tag in specific webdatechooser inline.



WebdateChooser1

<ClientSideEvents ValueChanged="SetMaxDate()"/>



WebdateChooser2
<ClientSideEvents BeforeDropDown="SetDate()" />