jqueryui 日期选择器适用于一个字段

Question

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

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

Answer 1

这一行$('#<%=TextBox1.ClientID %>').将日期选择器分配给带有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>