Ajax CalendarExtender 日期到多个 TextBox 字段

Question

目前我正在使用这个：

<div class="SidebarRow">    
    <asp:TextBox ID="TextBox1" runat="server">
    </asp:TextBox><asp:ImageButton ID="ImageButton1" ImageUrl="~/calendar.png" runat="server" Height="25" Width="25" />   
    <ajaxToolkit:CalendarExtender ID="CalendarExtender" TargetControlID="TextBox1" runat="server" PopupButtonID="ImageButton1" />       
</div>

TargetControlID 将日期附加到 TextBox1 但我想分别使用三个文本框来表示日月和年。我正在考虑隐藏 TextBox1 并拆分日期。

解决方法：我之前加了</body>

<script>
    $('[id$=TextBox1]').change(function () {
        if ($(this).val().length > 2) {
            date = $(this).val();
            $(this).val(date.substring(0, 2));
            $('[id$=TextBox2]').val(date.substring(5, 3));
            $('[id$=TextBox3]').val(date.substring(6));
        }
    });
</script>

初始日期是 2015 年 9 月 19 日，现在应该分开了。

Answer 1

在使用 JQuery 的文本框更改事件中，假设您的日期格式以 dd/MM/ 或 MM/dd

开头

$('[id$=TextBox1]').change( function() {
    if($(this).val().length > 2) {
       date = $(this).val();
       $(this).val(date.substring(0,2));
       $('[id$=TextBox2]').val(date.substring(3,2));
       $('[id$=TextBox3]').val(date.substring(6));
    }
});

Answer 2

<asp:TextBox ID="txtEndDate" runat="server" Width="80" CssClass="InputFormat"></asp:TextBox>
<asp:Image ID="imgEndDate" runat="server" ImageUrl="~/Images/Calendar_scheduleHS.png" AlternateText="Click to show/hide calendar" />
<cc2:CalendarExtender ID="ceEndDate" runat="server" TargetControlID="txtEndDate" PopupButtonID="imgEndDate" Format="dd-MMM-yyyy"> </cc2:CalendarExtender>

它工作正常。当我使用文本框以及单击图像时。

Ajax CalendarExtender 日期到多个 TextBox 字段

Ajax CalendarExtender date to multiple TextBox fields

asp.net

ajax

asp.net-ajax