Question

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

<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>

jqueryui日期选择器适用于一个领域

1 个答案: