如何将 Jquery 应用于文本框、CssClass 而不是 Jquery、Bootstrap 中的 ID

Question

我正在使用一个 JQuery 插件，单击该文本框即可为我提供带时间选择的日历，该插件使用起来非常灵活。

下面是我指的使用此插件的代码。

   <link href="DateTimePicker/jquery.datetimepicker.css" rel="stylesheet" type="text/css" />
    <script src="DateTimePicker/jquery.js" type="text/javascript"></script>
    <script src="DateTimePicker/jquery.datetimepicker.full.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(document).ready(function () {

            $('#datetimepicker_mask').datetimepicker({
                mask: '9999/19/39 29:59'
            });

        });
    </script>
<h3>Mask DateTimePicker</h3>

<input type="text" value="" id="datetimepicker_mask"/><br><br>

上面的代码对我来说对于单个文本框工作正常。

但是我必须将这个插件用于一个以上的文本框，所以只有当这个插件被 Class 取代了 Id 时我才能使用它。

所以我没有得到我必须在 Jquery 中做些什么才能完成任务。有这么多 Jquery & Css 这取决于这个。

谁能帮我解决这个问题。

Answer 1

JQuery 的 select 与 CSS select 非常相似。因此，您可以通过 class.

使用 .class 到 select

在您的示例中，您可以将 selector 更改为

$('.datetimepicker_mask')

并在您的 input 上使用 class 而不是 id

<input type="text" value="" class="datetimepicker_mask"/>

如何将 Jquery 应用于文本框、CssClass 而不是 Jquery、Bootstrap 中的 ID

How to apply Jquery to textbox, CssClass instead of ID in Jquery,Bootstrap

javascript

jquery

datetimepicker

twitter-bootstrap

bootstrap-datetimepicker