如何在ASP.Net中獲取多個日期選擇器？

<link href="Styles/calendar-blue.css" rel="Stylesheet" type="text/css" /> 
<script src="Scripts/jquery-1.4.1.min.js" type="text/javascript"></script> 
<script src="Scripts/jquery.dynDateTime.min.js" type="text/javascript"></script> 
<script src="Scripts/calendar-en.min.js" type="text/javascript"></script> 
<script type="text/javascript"> 
    $(document).ready(function() { 
     $("#<%=TextBox1.ClientID %>").dynDateTime({ 
      showsTime: true, 
      ifFormat: "%Y/%m/%d %H : %m", 
      daFormat: "%l;%M %p, %e %m, %Y", 
      align: "BR", 
      electric: false, 
      singleclick: false, 
      displayarea: ".siblings('.dtcDisplayArea')", 
      button: ".next()" 
     }); 
    }); 
</script> 
</asp:Content> 
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server"> 
<asp:Label ID="lblerrormsg" runat="server" Text="Error Message" Visible="False"></asp:Label> 
<div> 
<fieldset class="borrowing"> 
    <legend>Borrowing</legend> 
    <asp:Label ID="Label5" runat="server" Text="Loan Date" Font-Bold=true></asp:Label> 
    <br /> 
    <asp:TextBox ID="TextBox1" runat="server" Width="193px" Height="25px"></asp:TextBox> 
    <img src="Images/Images/calender.png" /> 
     <%--<asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" 
    ControlToValidate="TextBox1" ErrorMessage="Loan Date Required"></asp:RequiredFieldValidator>--%> 
    <br /> 
    <asp:Label ID="Label6" runat="server" Text="Due Date" Font-Bold=true></asp:Label> 
    <br /> 
    <asp:TextBox ID="TextBox2" runat="server" Width="193px" Height="25px"></asp:TextBox> 
    <img src="Images/Images/calender.png" /> 
     <%--<asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" 
    ControlToValidate="TextBox2" ErrorMessage="Due Date Required"></asp:RequiredFieldValidator>--%> 
    <br />

所以我使用的這段代碼是讓datepicker在ASP.Net上工作。但問題是，如果我想多個文本框包含一個不能工作的形式的日期選擇器。我已經嘗試了應對代碼並將Textbox1更改爲Textbox2，但沒有運氣。如何使用此代碼以相同的形式獲取兩個日期選擇器？如何在ASP.Net中獲取多個日期選擇器？

來源

2017-04-13 Nathan De Lima

不是通過ID查找元素，而是通過類查找元素？ – mason

對不起這是什麼意思？我對asp.net真的很陌生，這是爲了在課堂上進行任務。只想在一種形式中有兩個日期選擇器。 –

向TextBox1指派一個類（通過在控件上設置CssClass屬性）以及任何您想要的其他文本框。然後，而不是'$（「＃<％= TextBox1.ClientID％>」）''你會使用'$（「。TheClassName」）' – mason

您可以爲要作爲datepickers的文本框指定一個類。然後在你的jQuery選擇器中，你可以按類而不是ID來獲取元素。

<asp:TextBox ID="TextBox1" runat="server" CssClass="DynDatePicker" /> 
<asp:TextBox ID="TextBox2" runat="server" CssClass="DynDatePicker" /> 

$(".DynDatePicker").dynDateTime

來源

2017-04-13 15:31:16 mason

非常感謝。這解決了。謝謝大家的回覆！ –

我不知道dynDateTime，但常規的jquery datepicker將從任何jQuery選擇器工作。

所以，你可以把一個日期選擇器上，並輸入一個類型=日期這樣的，如果你正在使用HTML5數據類型

jQuery("input[type=date]") 
    .datepicker({ dateFormat: "m.d.yy", changeYear: true, yearRange: "-4:+0" }) 
    .attr("type", "text");

或用的CssClass日期標記每個文本框，然後綁定這樣

的日期選擇器

jQuery("input[type=text].date") 
    .datepicker({ dateFormat: "m.d.yy", changeYear: true, yearRange: "-4:+0" }) 
    .attr("type", "text");

這對選擇器結果中的每個元素都有效。

來源

2017-04-13 15:31:27 Fran

當調用日期選擇器時，使用一個類作爲選擇的方法，例如， class =「datepicker」而不是id，因爲id需要唯一的命名，但類可以重用。

$(document).ready(function() { 
    $(".datepicker").dynDateTime({ 
     showsTime: true, 
     ifFormat: "%Y/%m/%d %H : %m", 
     daFormat: "%l;%M %p, %e %m, %Y", 
     align: "BR", 
     electric: false, 
     singleclick: false, 
     displayarea: ".siblings('.dtcDisplayArea')", 
     button: ".next()" 
    }); 
});

現在將該類分配給您希望顯示日期選擇器的每個文本輸入，例如，

<input type="text" class="datepicker" id="date1" /> 
<input type="text" class="datepicker" id="date2" />

來源

2017-04-13 15:33:45 IDED

如何在ASP.Net中獲取多個日期選擇器？

回答

相關問題