
<%@ Page Language="C#" Debug="true"%>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="ajaxToolkit" %>
<script runat="server">
protected void Page_Load(object sender, EventArgs e)
{
}
</script>
<html>
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript">
function changeWeek(e)
{
day = new Date(document.getElementById("Date1").value);
var a = day.getDay();
var OneWeekDays = new Date();
var selected_date;
var from_to_string = ""; //該週起迄日
var every_days_string = "" //該週所有日
for (var i = -a; i < 7-a; i++)
{
OneWeekDays = addDays(day, i);
selected_date = OneWeekDays.getYear()+"/"+("0" + (OneWeekDays.getMonth() + 1)).slice(-2)+"/"+("0" + OneWeekDays.getDate()).slice(-2);
every_days_string += selected_date + ",";
if (i == -a) {from_to_string = selected_date;}
if (i == 7-a-1) {from_to_string += "~" + selected_date;}
}
document.getElementById ( "Week1" ).value = from_to_string;
document.getElementById ( "Week2" ).value = every_days_string.substring(0, every_days_string.length-1);
}
function addDays(myDate,days) {
return new Date(myDate.getTime() + days*24*60*60*1000);
}
</script>
</head>
<body>
<form id="form1" runat="server">
<ajaxToolkit:ToolkitScriptManager runat="Server" EnableScriptGlobalization="true" EnableScriptLocalization="true" ID="ScriptManager1" />
該週起迄日:<asp:TextBox runat="server" ID="Week1" ReadOnly="true" Enabled="True" width="200"/><br>
該週所有日:<asp:TextBox runat="server" ID="Week2" ReadOnly="true" Enabled="True" width="500"/><br>
選擇日:<asp:TextBox runat="server" ID="Date1" ReadOnly="true" Enabled="True" width="80"/>
<asp:ImageButton runat="Server" ID="Image1" ImageUrl="images/Calendar_scheduleHS.png" AlternateText="Click to show calendar" /><br />
<ajaxToolkit:CalendarExtender ID="calendarButtonExtender" runat="server" TargetControlID="Date1" PopupButtonID="Image1" OnClientDateSelectionChanged="changeWeek" />
</form>
</body>
</html>