Datumsauswahl-Steuerelement Mit AjaxControlToolkit in eine form (Vergleich zwischen 2 Datum-picker )

Ich bin mit dem normalen AjaxControlToolkit & verwenden Sie 2 datepicker in meine Seite.

Ersten date picker ist unter dem Datum, das nicht ex id vom Heutigen Datum(heute oder jedem früheren Zeitpunkt). Auf der 2. Textfeld kann ich das Datum zwischen dem Datum genommen, die in der 1. Datum-picker Heute.

Den Script-code, die ich benutze, das funktioniert auf die JQuery Datumsauswahl. Aber es funktioniert nicht in der normalen Ajax date picker.

Hier ist der code Wie folgt:

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

InformationsquelleAutor Sabyasachi | 2013-08-12

  1. 0

    Müssen Sie für die Bearbeitung von client-Seite DateSelectionChanged Ereignis des ersten Extenders und legen Sie bis startDate Eigenschaft des zweiten Extenders:

    <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>
    Der script-code, die ich verwendet habe, bevor Sie in den head-Teil im code muss ich verwenden oder nicht. @Yuriy Rozhovetskiy

    InformationsquelleAutor Yuriy Rozhovetskiy

Schreibe einen Kommentar