protected void Page_Load(object sender, EventArgs e)
{
DateTimePicker datePickerObject = PickerControl as DateTimePicker;
if (datePickerObject == null)
{
return;
}
// Default settings
int numberOfRows = 6;
// Buttons NotAvaible,Done,Now
bool showActionPanel = true;
// Display OK button
bool displayOK = true;
// Text for N/A button
string naText = ScriptHelper.GetLocalizedString("general.notavailable");
// Hides if date is selected
bool hideOnDateSelection = false;
// Display seconds
bool displaySeconds = true;
// Add icon - triggers datepicker show
string shownOn = "button";
LoadResources(datePickerObject);
CultureInfo culture = CultureHelper.GetCultureInfo(datePickerObject.CultureCode, true);
DateTimeFormatInfo info = culture.DateTimeFormat;
// Register default css a js files
ScriptHelper.RegisterJQuery(Page);
ScriptHelper.RegisterScriptFile(Page, "JQuery/jquery-ui-datetimepicker.js");
ScriptHelper.RegisterScriptFile(Page, "Controls/modalCalendar.js");
string datePattern = info.ShortDatePattern.Replace("yyyy", "yy").Replace("'", "");
if (datePickerObject.EditTime)
{
datePattern += " " + (displaySeconds ? info.LongTimePattern : info.ShortTimePattern);
}
bool use24HourMode = !datePattern.Contains("tt");
// Generate 'now' string with full year
string format = info.ShortDatePattern;
if (Regex.Matches(format, "y").Count == 2)
{
format = format.Replace("yy", "yyyy");
}
string now = TimeZoneMethods.DateTimeConvert(DateTime.Now, datePickerObject.TimeZone, datePickerObject.CustomTimeZone).ToString(format, culture);
// Localized settings
string todayText = ScriptHelper.GetLocalizedString(datePickerObject.EditTime ? "calendar.now" : "Calendar.Today");
string localize = String.Format("monthNames:{0},monthNamesShort:{1},dayNames:{2},dayNamesMin:{3},firstDay:{4},", ArrayToString(info.MonthNames), ArrayToString(info.AbbreviatedMonthNames), ArrayToString(info.DayNames), ArrayToString(info.ShortestDayNames), ConvertFirstDayToNumber(info.FirstDayOfWeek));
localize += String.Format("AMDesignator:{0},PMDesignator:{1},NAText:{2},closeText:{3},isRTL:{4},prevText:{5},nextText:{6},defaultDate:'{7}'", ScriptHelper.GetLocalizedString(info.AMDesignator), ScriptHelper.GetLocalizedString(info.PMDesignator), naText, ScriptHelper.GetLocalizedString("general.select"), culture.TextInfo.IsRightToLeft.ToString().ToLowerCSafe(), ScriptHelper.GetLocalizedString("calendar.previous"), ScriptHelper.GetLocalizedString("calendar.next"), now);
string minDate = String.Empty;
string maxDate = String.Empty;
if (datePickerObject.UseCalendarLimit)
{
if (datePickerObject.MinDate != DateTimeHelper.ZERO_TIME)
{
minDate = "minDate: " + (datePickerObject.MinDate.Date - DateTime.Now.Date).Days.ToString() + ",";
}
if (datePickerObject.MaxDate != DateTimeHelper.ZERO_TIME)
{
maxDate = "maxDate: " + (datePickerObject.MaxDate.Date - DateTime.Now.Date).Days.ToString() + ",";
}
}
// Other settings
String buttons = "[" + (displayOK ? "'ok'" : "") + "," + (datePickerObject.AllowEmptyValue ? "'na'" : "") + "," + (datePickerObject.DisplayNow ? "'now'" : "") + "]";
String initParameters = minDate + maxDate + String.Format("numberOfRows:{0},showTimePanel:{1},use24HourMode:{2},showButtonPanel:{3},actionPanelButtons:{4},hideOnDateSelection:{5},displaySeconds:{6},", numberOfRows, datePickerObject.EditTime.ToString().ToLowerCSafe(), use24HourMode.ToString().ToLowerCSafe(), showActionPanel.ToString().ToLowerCSafe(), buttons, hideOnDateSelection.ToString().ToLowerCSafe(), displaySeconds.ToString().ToLowerCSafe());
initParameters += String.Format("IconID:'{0}',showOn:'{1}',dateFormat:'{2}',currentText:{3},timeZoneOffset:{4},selectOtherMonths:true,showOtherMonths:true,changeMonth:true,changeYear:true", datePickerObject.CalendarImageClientID, shownOn, datePattern, todayText, datePickerObject.TimeZoneOffset);
// Init calendar
string calendarInit = "$cmsj(function() {$cmsj('#" + datePickerObject.DateTimeTextBox.ClientID + "').cmsdatepicker({" + localize + "," + initParameters + "})});";
ScriptHelper.RegisterClientScriptBlock(Page, GetType(), ClientID + "_RegisterDatePickerFunction", ScriptHelper.GetScript(calendarInit));
ScriptHelper.RegisterClientScriptBlock(this, typeof(string), "DTPickerModalSelectDate" + datePickerObject.DateTimeTextBox.ClientID, ScriptHelper.GetScript(
"function SelectModalDate_" + datePickerObject.DateTimeTextBox.ClientID + "(param, pickerId) { " + Page.ClientScript.GetCallbackEventReference(datePickerObject, "param", "SetDateModal", "pickerId") + " } \n"));
ScriptHelper.RegisterClientScriptBlock(this, typeof(string), "DTPickerModalSetDate", ScriptHelper.GetScript("function SetDateModal(result, context) { $cmsj('#' + context).cmsdatepicker('setDateNoTextBox',result); } \n"));
}
protected void Page_Load(object sender, EventArgs e)
{
RangeDateTimePicker datePickerObject = PickerControl as RangeDateTimePicker;
if (datePickerObject == null)
{
return;
}
// Default settings
int numberOfRows = 6;
// Buttons NotAvaible,Done,Now
bool showActionPanel = false;
// Hides if date is selected
bool hideOnDateSelection = false;
// Display seconds
bool displaySeconds = true;
// Add icon - triggers datepicker show
string shownOn = "button";
// If true display time
bool displayTime = datePickerObject.EditTime && !datePickerObject.DisableDaySelect && !datePickerObject.DisableMonthSelect;
string minDate = String.Empty;
string maxDate = String.Empty;
if (datePickerObject.UseCalendarLimit)
{
if (datePickerObject.MinDate != DateTimeHelper.ZERO_TIME)
{
minDate = "minDate: " + (datePickerObject.MinDate.Date - DateTime.Now.Date).Days.ToString() + ",";
}
if (datePickerObject.MaxDate != DateTimeHelper.ZERO_TIME)
{
maxDate = "maxDate: " + (datePickerObject.MaxDate.Date - DateTime.Now.Date).Days.ToString() + ",";
}
}
LoadResources(datePickerObject);
int stepMonth = datePickerObject.DisableMonthSelect ? 12 : 1;
CultureInfo culture = new CultureInfo(datePickerObject.CultureCode, true);
DateTimeFormatInfo info = culture.DateTimeFormat;
// Register default css a js files
ScriptHelper.RegisterJQuery(Page);
ScriptHelper.RegisterScriptFile(Page, "JQuery/jquery-ui-datetimepicker.js");
ScriptHelper.RegisterScriptFile(Page, "Controls/modalCalendar.js");
string datePattern = info.ShortDatePattern.Replace("yyyy", "yy").Replace("'", "");
if (displayTime)
{
datePattern += " " + (displaySeconds ? info.LongTimePattern : info.ShortTimePattern);
}
bool use24HourMode = !datePattern.Contains("tt");
// Generate 'now' string with full year
string format = info.ShortDatePattern;
if (Regex.Matches(format, "y").Count == 2)
{
format = format.Replace("yy", "yyyy");
}
string now = TimeZoneMethods.DateTimeConvert(DateTime.Now, datePickerObject.TimeZone, datePickerObject.CustomTimeZone).ToString(format, culture);
// Localized settings
string localize = String.Format("monthNames:{0},monthNamesShort:{1},dayNames:{2},dayNamesMin:{3},firstDay:{4},", ArrayToString(info.MonthNames), ArrayToString(info.AbbreviatedMonthNames), ArrayToString(info.DayNames), ArrayToString(info.ShortestDayNames), ConvertFirstDayToNumber(info.FirstDayOfWeek));
localize += String.Format("AMDesignator:{0},PMDesignator:{1},closeText:{2},isRTL:{3},prevText:{4},nextText:{5},defaultDate:'{6}'", ScriptHelper.GetLocalizedString(info.AMDesignator), ScriptHelper.GetLocalizedString(info.PMDesignator), ScriptHelper.GetLocalizedString("general.ok"), culture.TextInfo.IsRightToLeft.ToString().ToLowerCSafe(), ScriptHelper.GetLocalizedString("calendar.previous"), ScriptHelper.GetLocalizedString("calendar.next"), now);
// Classic settings
String initParameters = String.Format("numberOfRows:{0},showTimePanel:{1},use24HourMode:{2},showButtonPanel:{3},hideOnDateSelection:{4},displaySeconds:{5},", numberOfRows, displayTime.ToString().ToLowerCSafe(), use24HourMode.ToString().ToLowerCSafe(), showActionPanel.ToString().ToLowerCSafe(), hideOnDateSelection.ToString().ToLowerCSafe(), displaySeconds.ToString().ToLowerCSafe());
initParameters += String.Format("IconID:'{0}',showOn:'{1}',dateFormat:'{2}',disableDaySelect:{3},disableMonthSelect:{4},stepMonths:{5},changeMonth:{6},timeZoneOffset:{7},selectOtherMonths:true,showOtherMonths:true,changeYear:true", datePickerObject.CalendarImageClientID, shownOn, datePattern, datePickerObject.DisableDaySelect.ToString().ToLowerCSafe(), datePickerObject.DisableMonthSelect.ToString().ToLowerCSafe(), stepMonth, (!datePickerObject.DisableMonthSelect).ToString().ToLowerCSafe(), datePickerObject.TimeZoneOffset);
// Init first calendar
string calendarInit = "$cmsj(function() {$cmsj('#" + dateFrom.ClientID + "').cmsdatepicker({" + minDate + maxDate + localize + "," + initParameters + ",defaultTimeValue:" + (datePickerObject.UseDynamicDefaultTime ? 1 : 0) + "});";
// Init second calendar
calendarInit += "$cmsj('#" + dateTo.ClientID + "').cmsdatepicker({" + minDate + maxDate + localize + "," + initParameters + ",defaultTimeValue:" + (datePickerObject.UseDynamicDefaultTime ? 2 : 0) + "})});";
ScriptHelper.RegisterClientScriptBlock(Page, GetType(), ClientID + "_RegisterDatePickerFunction", ScriptHelper.GetScript(calendarInit));
// Button OK
btnOK.OnClientClick = "$cmsj('#" + datePickerObject.DateTimeTextBox.ClientID + "').val ($cmsj('#" + dateFrom.ClientID + "').cmsdatepicker ('getFormattedDate'));";
btnOK.OnClientClick += "$cmsj('#" + datePickerObject.AlternateDateTimeTextBox.ClientID + "').val ($cmsj('#" + dateTo.ClientID + "').cmsdatepicker ('getFormattedDate'));";
btnOK.OnClientClick += "$cmsj('#" + rangeCalendar.ClientID + "').hide();";
if (datePickerObject.DisplayNAButton)
{
btnNA.OnClientClick = "$cmsj('#" + rangeCalendar.ClientID + "').hide(); $cmsj('#" + datePickerObject.DateTimeTextBox.ClientID + "').val('');$cmsj('#" + datePickerObject.AlternateDateTimeTextBox.ClientID + "').val('');return false;";
btnNA.Visible = true;
}
if (!datePickerObject.PostbackOnOK)
{
btnOK.OnClientClick += "return false;";
}
// Icon
string clickScript = " if( $cmsj('#" + rangeCalendar.ClientID + @"').is(':hidden')) {
$cmsj('#" + dateFrom.ClientID + "').cmsdatepicker('setDate',$cmsj('#" + datePickerObject.DateTimeTextBox.ClientID + @"').val());
$cmsj('#" + dateTo.ClientID + "').cmsdatepicker('setDate',$cmsj('#" + datePickerObject.AlternateDateTimeTextBox.ClientID + @"').val());
var offset = localizeRangeCalendar($cmsj('#" + rangeCalendar.ClientID + "'),$cmsj('#" + datePickerObject.DateTimeTextBox.ClientID + "')," + CultureHelper.IsUICultureRTL().ToString().ToLowerCSafe() + ",true);" +
"$cmsj('#" + rangeCalendar.ClientID + "').css({left:offset.left+'px',top:offset.top+'px'});$cmsj('#" + rangeCalendar.ClientID + "').show();}return false;";
// Add image on click
String script = "$cmsj(\"#" + datePickerObject.CalendarImageClientID + "\").click(function() {" + clickScript + "});";
ScriptHelper.RegisterStartupScript(this, typeof(string), ClientID + "CalendarImageInitScript", ScriptHelper.GetScript(script));
datePickerObject.DateTimeTextBox.Attributes["OnClick"] = clickScript;
datePickerObject.AlternateDateTimeTextBox.Attributes["OnClick"] = clickScript;
// Script for hiding calendar when clicked somewhere else
ltlScript.Text = ScriptHelper.GetScript(@"$cmsj(document).mousedown(function(event) {
var target = $cmsj(event.target);
if ((target.closest('#" + rangeCalendar.ClientID + "').length == 0) && (target.parents('#" + rangeCalendar.ClientID + @"').length == 0)
&& (target.closest('#" + datePickerObject.CalendarImageClientID + "').length == 0) && (target.closest('#" + datePickerObject.DateTimeTextBox.ClientID + @"').length == 0) && (target.closest('#" + datePickerObject.AlternateDateTimeTextBox.ClientID + @"').length == 0))
$cmsj('#" + rangeCalendar.ClientID + @"').hide();
});");
}
