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

时间:2016-06-16 07:53:24

标签: javascript jquery twitter-bootstrap datetimepicker bootstrap-datetimepicker

我正在使用一个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 instaed of Id获取时使用。

所以我没有得到我在Jquery中做的改变来完成任务。 有这么多的Jquery&amp; Css依赖于此。

任何人都可以帮助我。

1 个答案:

答案 0 :(得分:1)

JQuery的选择器与CSS选择器非常相似。因此,您可以使用.class按类选择。

在您的示例中,您可以将选择器更改为

$('.datetimepicker_mask')

并使用input上的课程代替ID

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