Jquery 如何在母版页中使用一个Javascript来处理所有ASP.NET文本框控件？

我是一名新的ASP.NET Webforms开发人员，我正在尝试使用ASP.NET和C#和Twitter Bootstrap v2开发一个简单的基于web的应用程序。我现在正在努力解决的问题是，这是Twitter引导程序的一个附加插件。问题是我在三个不同的页面上有三个表单。每个表单都有两个文本框控件，用于使用此插件插入日期时间。要使用这个插件，我必须将以下脚本添加到页面的标题中，添加的文本框数量与我的相同。这意味着如果我有两个文本框，那么我必须添加两次

Javascript代码：

$（函数（）{
$（'#datetimepicker1'）。datetimepicker({
语言:"en",，
pick12HourFormat:true
});
});

ASP.NET代码：

---

我想要的只是在母版中添加一次，它将处理任意数量的文本框你能告诉我怎么做吗（如果可能的话）？

你可以按类选择，而不是用id选择。你可以将同一类应用于多个类，这使你的解决方案更简单。像这样：

<script type="text/javascript">
        $(function () {
            $('.picker').datetimepicker({
                language: 'en',
                pick12HourFormat: true
            });
        });
    </script>

 <asp:TextBox ID="txtEndDateNew" runat="server" CssClass="picker">

$（函数（）{
$（'.picker'）.datetimepicker({
语言:"en",，
pick12HourFormat:true
});
});

您需要按类别而不是按id选择日期选择器文本框。如果您这样做：

<script type="text/javascript">
    $(function () {
        $('.mydatepicker').datetimepicker({
            language: 'en',
            pick12HourFormat: true
        });
    });
</script>

<div id="datetimepicker1" class="input-append date mydatepicker">
    <asp:TextBox ID="txtEndDateNew" runat="server"></asp:TextBox>
    <span class="add-on"><i data-time-icon="icon-time" data-date-icon="icon-calendar"></i></span>
</div>

$（函数（）{
$（'.mydatepicker'）.datetimepicker({
语言:"en",，
pick12HourFormat:true
});
});

然后你可以这样做：

<script type="text/javascript">
    $(function () {
        $('.mydatepicker').datetimepicker({
            language: 'en',
            pick12HourFormat: true
        });
    });
</script>

<div id="datetimepicker1" class="input-append date mydatepicker">
    <asp:TextBox ID="txtEndDateNew" runat="server"></asp:TextBox>
    <span class="add-on"><i data-time-icon="icon-time" data-date-icon="icon-calendar"></i></span>
</div>

---

请注意，我确实将类放在您的

div

，而不是

文本框

上，因为在您的示例中，jquery选择器选择的元素是

div

，而不是

文本框

使用类而不是id