5

私は通常のAjaxControlToolkitを使用しており、ページで 2 つの日付ピッカーを使用しています。

最初の日付ピッカーは、今日の日付 (今日または以前の日付) から除外されない日付を取得しています。2 番目のテキスト ボックスでは、1 番目の日付ピッカーで取得した日付から今日の日付までの日付を選択できます。

私が使用しているスクリプト コードは、JQuery 日付ピッカーで動作します。しかし、通常の Ajax 日付ピッカーでは機能しません。

コードは次のとおりです。

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default2.aspx.cs" Inherits="Default2" %>

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Date Picker</title>

<script type="text/C#" >

$(function () {
    $("#txtfrom").datepicker({
        onSelect: function (date) {
            $("#txtto").datepicker({
                minDate: date,
                maxDate: new Date()
            });
        },
        maxDate: 0
    });

}); 


</script>
</head>

<body>
<form id="form1" runat="server">
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
<div>
<b>From</b>
<asp:TextBox ID="txtfrom" runat="server"></asp:TextBox>
<cc1:CalendarExtender ID="ceLoanTakenDate" runat="server" Format="dd/MM/yyyy"     PopupButtonID="txtfrom" TargetControlID="txtfrom">
    </cc1:CalendarExtender>
    &nbsp &nbsp
    <b>To</b>
    <asp:TextBox ID="txtto" runat="server"></asp:TextBox>
<cc1:CalendarExtender ID="CalendarExtender1" runat="server" Format="dd/MM/yyyy" PopupButtonID="txtto"  TargetControlID="txtto">
    </cc1:CalendarExtender>


</div>
</form>
</body>
</html>
4

1 に答える 1

1

最初のエクステンダーのクライアント側イベントを処理し、2 番目のエクステンダーのプロパティをDateSelectionChanged設定する必要があります。startDate

<b>From</b>
<asp:TextBox ID="txtfrom" runat="server"></asp:TextBox>
<ajaxToolkit:CalendarExtender ID="ceLoanTakenDate" runat="server" Format="dd/MM/yyyy" 
    PopupButtonID="txtfrom" TargetControlID="txtfrom" 
    OnClientDateSelectionChanged="ceLoanTakenDate_dateSelectionChanged">
</ajaxToolkit:CalendarExtender>
&nbsp;&nbsp;
<b>To</b>
<asp:TextBox ID="txtto" runat="server"></asp:TextBox>
<ajaxToolkit:CalendarExtender ID="CalendarExtender1" runat="server" Format="dd/MM/yyyy" PopupButtonID="txtto"
    TargetControlID="txtto">
</ajaxToolkit:CalendarExtender>

<script type="text/javascript">
    function ceLoanTakenDate_dateSelectionChanged(sender, args) {
        $find("<%= CalendarExtender1.ClientID %>").set_startDate(sender.get_selectedDate());
    }
</script>
于 2013-08-12T08:21:11.617 に答える