javascript - Bootstrap datetimepicker 多个输入

Question

我正在使用http://eonasdan.github.io/bootstrap-datetimepicker/

有

$('#datetimepicker1').datetimepicker({locale: 'sv'});

工作正常。

html 看起来像这样:

<div class='input-group date' id='datetimepicker1'>
                <input type='text' class="form-control" />
                <span class="input-group-addon">
                    <span class="glyphicon glyphicon-calendar"></span>
                </span>
            </div>

但是，如果我更改 html，使“datetimepicker1”成为一个类而不是 id，如下所示:

<div class='input-group date' class='datetimepicker1'>
                <input type='text' class="form-control" />
                <span class="input-group-addon">
                    <span class="glyphicon glyphicon-calendar"></span>
                </span>
            </div>

之后我像这样更改 JavaScript:

$('.datetimepicker1').datetimepicker({
    locale: 'sv'
});

然后什么也没有发生。日历不显示。我在控制台中看不到任何错误。

Answer 1

试试这个:

$('.datetimepicker1').each(function(){
    $(this).datetimepicker({locale: 'sv'});
});

编辑:

你的代码是错误的，你声明了 class 属性两次，它应该是:

       <div class='input-group date datetimepicker1'>
            <input type='text' class="form-control" />
            <span class="input-group-addon">
                <span class="glyphicon glyphicon-calendar"></span>
            </span>
        </div>