<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="TestRadCalendarPrometheus._Default" %> |
|
<%@ Register tagPrefix="telerik" namespace="Telerik.Web.UI" assembly="Telerik.Web.UI" %> |
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" |
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> |
|
<script runat="server"> |
</script> |
|
<html xmlns="http://www.w3.org/1999/xhtml"> |
<head id="Head1" runat="server"> |
<title>UpdatePanel Example</title> |
<style type="text/css"> |
body { |
font-family: Lucida Sans Unicode; |
font-size: 10pt; |
} |
button { |
font-family: tahoma; |
font-size: 8pt; |
} |
</style> |
|
|
|
|
</head> |
<body> |
<script type="text/javascript"> |
function pageLoad(sender, args){ |
UpdateSpan(); |
} |
function TogglePopUp(){ |
var datePicker = $find("<%= rdpSelectDate.ClientID %>"); |
var span = document.getElementById("dateSelector"); |
var dimSpan = datePicker.GetElementDimensions(span); |
var position = datePicker.GetElementPosition(span); |
|
datePicker.ShowPopup(position.x + dimSpan.width - 142, position.y + dimSpan.height); |
} |
|
function UpdateSpan(){ |
var datePicker = $find("<%= rdpSelectDate.ClientID %>"); |
var date = datePicker.GetDate(); |
if (datePicker.IsEmpty()) |
{ date = new Date(); } |
var strtDate = new Date(date); |
var endDate = new Date(date.setDate(date.getDate() + 6)); |
var spn = document.getElementById("week"); |
spn.innerText = strtDate.format("ddd, M/d/yyyy");// + " - " + endDate.format("ddd, M/d/yyyy"); |
} |
|
function OnDateSelected(sender, e){ |
if (e.get_NewDate() != null){ |
UpdateSpan(); |
} |
} |
function MoveSelectedDate(numDays){ |
var datePicker = $find("<%= rdpSelectDate.ClientID %>"); |
var date = datePicker.GetDate(); |
if (datePicker.IsEmpty()) |
{ date = new Date(); } |
date.setDate(date.getDate() + numDays); |
datePicker.SetDate(date); |
} |
|
function OnDayRender(calendarInstance, args){ |
var date = new Date(args._date[0], args._date[1] - 1, args._date[2]); |
var minDate = new Date(calendarInstance.GetRangeMinDate()[0], calendarInstance.GetRangeMinDate()[1] - 1, calendarInstance.GetRangeMinDate()[2]); |
if (date < minDate){ |
args._cell.title = "Dates prior to 6/15/2003 cannot be selected."; |
return; |
} |
|
|
} |
|
|
</script> |
<form id="form1" runat="server"> |
<telerik:RadScriptManager ID="ScriptManager1" runat="server" EnableScriptCombine="true" ScriptMode="Auto"> |
</telerik:RadScriptManager> |
|
<div style="margin-top:5px"> |
<span class="RundownLabelText">Date: </span> |
<span id="dateSelector"> |
<span id="slctdwk" title="Day Selection" onclick="TogglePopUp();"> |
<span id="week" class="DropDownListText"></span> |
<img id="dtpckr" alt="Calendar" src="images/calbutcon.jpg" /> |
<img id="dwnarrw" src="images/downbutcon.jpg" alt=""/> |
</span> |
</span> |
<telerik:RadDatePicker ID="rdpSelectDate" runat="server" SharedCalendarID="RadCalendar1" |
OnSelectedDateChanged= "rdpSelectDate_SelectedDateChanged" AutoPostBack="true" > |
<DateInput ID="DateInput1" runat="server" ReadOnly="true" style="display:none;"></DateInput> |
<ClientEvents OnDateSelected="OnDateSelected"/> |
<DatePopupButton style="display:none;" /> |
</telerik:RadDatePicker> |
<telerik:RadCalendar ID="RadCalendar1" runat="server" EnableMultiSelect="true" UseColumnHeadersAsSelectors="false" ShowRowHeaders="false" FirstDayOfWeek="Monday" Skin="WebBlue" |
RangeMinDate="6/16/2003" NavigationNextToolTip="" NavigationPrevToolTip=""> |
<ClientEvents OnDayRender="OnDayRender" /> |
</telerik:RadCalendar> |
</div> |
|
</form> |
</body> |
</html> |
|