asp.net - jqueryui 日期选择器适用于一个字段

Question

我在 ASP.NET 动态数据中使用 JQueryUi 日期选择器。有些表单有多个日期时间字段。但是日期选择器适用于第一个，其他字段不显示日期选择器。我该如何解决这个问题？

<script type="text/javascript">
$(document).ready(function () {
    $('#<%=TextBox1.ClientID %>').datepicker({
        showOn: "button",
        buttonImage: "../images/calendar.gif",
        buttonImageOnly: true
    }).regional['fa'];
});

Answer 1

这一行将$('#<%=TextBox1.ClientID %>').DatePicker 分配给输入，ID=TextBox1并且只分配给这个，所以它就像你说的那样工作。

要添加更多 DatePickers，您可以使用您希望使用 DatePicker 的其余控件添加更多行，或者在此控件上设置相同的 css 来访问 DatePicker 并将代码更改为$('.DateKeeperCss').您将DateKeeperCss样式设置为所有文本编辑器的位置您希望拥有 DatePicker。例如：

$(document).ready(function () {
    $('.DateKeeperCss').datepicker({
        showOn: "button",
        buttonImage: "../images/calendar.gif",
        buttonImageOnly: true
    }).regional['fa'];
});

和

<asp:TextBox runat="server" ID="TextBox1" CssClass="DateKeeperCss"></asp:TextBox>
<asp:TextBox runat="server" ID="TextBox2" CssClass="DateKeeperCss"></asp:TextBox>
<asp:TextBox runat="server" ID="TextBox3" CssClass="DateKeeperCss"></asp:TextBox>
<asp:TextBox runat="server" ID="TextBox4" CssClass="DateKeeperCss"></asp:TextBox>