C# 如何在ASP.Net中获取多个日期选择器? $(文档).ready(函数(){ $(“#”)。动态时间({ showsTime:是的, iFormat:“%Y/%m/%d%H:%m”, 数据格式:“%l;%M%p,%e%M,%Y”, 对齐:“BR”, 电气:错, 单击:false, 显示区域:“.sibles('.dtcDisplayArea')”, 按钮:“.next()” }); }); 借用
所以我使用的代码是让datepicker在ASP.Net上工作。但问题是,如果我想要多个文本框以一种形式包含一个日期选择器,它将无法工作。我尝试过处理代码并将Textbox1改为Textbox2,但没有成功。如何使用此代码获得相同格式的两个日期选择器?您可以为要成为日期选择器的文本框分配一个类。然后在jQuery选择器中,按类而不是ID获取元素C# 如何在ASP.Net中获取多个日期选择器? $(文档).ready(函数(){ $(“#”)。动态时间({ showsTime:是的, iFormat:“%Y/%m/%d%H:%m”, 数据格式:“%l;%M%p,%e%M,%Y”, 对齐:“BR”, 电气:错, 单击:false, 显示区域:“.sibles('.dtcDisplayArea')”, 按钮:“.next()” }); }); 借用,c#,asp.net,datepicker,C#,Asp.net,Datepicker,所以我使用的代码是让datepicker在ASP.Net上工作。但问题是,如果我想要多个文本框以一种形式包含一个日期选择器,它将无法工作。我尝试过处理代码并将Textbox1改为Textbox2,但没有成功。如何使用此代码获得相同格式的两个日期选择器?您可以为要成为日期选择器的文本框分配一个类。然后在jQuery选择器中,按类而不是ID获取元素 <link href="Styles/calendar-blue.css" rel="Stylesheet" type="text/css"
<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 />
$(“.DynDatePicker”).dynDateTime
我不知道dynDateTime,但是常规的jquery日期选择器将使用任何jquery选择器
因此,如果您使用的是Html5数据类型,那么您可以在上面放置一个日期选择器,并使用type=date进行输入
<asp:TextBox ID="TextBox1" runat="server" CssClass="DynDatePicker" />
<asp:TextBox ID="TextBox2" runat="server" CssClass="DynDatePicker" />
$(".DynDatePicker").dynDateTime
或者用CssClass日期标记每个文本框,然后像这样绑定日期选择器
jQuery("input[type=date]")
.datepicker({ dateFormat: "m.d.yy", changeYear: true, yearRange: "-4:+0" })
.attr("type", "text");
这适用于选择器结果中的每个元素。调用日期选择器时,使用类作为选择方法,例如class=“datepicker”而不是id as id需要唯一的命名,但类可以重用
jQuery("input[type=text].date")
.datepicker({ dateFormat: "m.d.yy", changeYear: true, yearRange: "-4:+0" })
.attr("type", "text");
现在将类分配给您希望显示日期选择器的每个文本输入,例如
$(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()"
});
});
不按ID查找元素,按类查找元素如何?对不起,这是什么意思?我对asp.net很陌生,这是课堂作业。只想在一个表单中有两个日期选择器。将一个类分配给TextBox1(通过在控件上设置CssClass属性)和任何其他您想要的textbox。然后用$(“#”)
代替$(“.TheClassName”)
嘿,对不起,我不知道怎么做。我用包括textbox1和textbox2的其余代码更新了我的原始帖子。如果有任何帮助,我们将不胜感激。非常感谢。这是成功的。谢谢大家的回复!
<input type="text" class="datepicker" id="date1" />
<input type="text" class="datepicker" id="date2" />