一次選擇一週的Ajax CalendarExtender控制項
 
 
 

<%@ 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>

arrow
arrow
    全站熱搜

    adamschen9921 發表在 痞客邦 留言(0) 人氣()