是否可以使用 HTML5 数据属性来初始化 Bootstrap 3 日期选择器？

Question

目前，我们正在使用 datetimepicker in a semi-modular way because the initialization is done in javascript. Formerly we were using a different datepicker component which lacked the time picking function but could be initialized via data-attributes. This made things a lot easier because in the asp.net MVC 5 project in which that component was used, we could simply create an editor template that was referenced whenever a datepicker was needed, without having to write any javascript. I'd like to stick to that usage pattern but have not been able to find any documentation about it in the docs。 Bootstrap 3 Datepicker 我是不是遗漏了什么或者这（还）不可能？

Answer 1

您可以使用数据属性初始化日期选择器选项，如下例所示：

$('#datetimepicker1').datetimepicker();

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.11.1/moment-with-locales.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<script src="https://cdn.rawgit.com/Eonasdan/bootstrap-datetimepicker/d004434a5ff76e7b97c8b07c01f34ca69e635d97/src/js/bootstrap-datetimepicker.js"></script>

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet">
<link href="https://cdn.rawgit.com/Eonasdan/bootstrap-datetimepicker/d004434a5ff76e7b97c8b07c01f34ca69e635d97/build/css/bootstrap-datetimepicker.css" rel="stylesheet">

<div class="row">
    <div class="col-md-12">
        <div class="form-group">
            <div class="input-group date" >
              <input type='text' class="form-control" id="datetimepicker1" data-date-format="YYYY/MM/DD HH:mm" data-date-show-today-button="true" data-date-show-clear="true"/>
            </div>
        </div>
    </div>

您可以使用 data-date-* 设置选项或 data-date-options 设置选项对象。 data-* 初始化，在我看来，它的文档很少，无论如何你可以找到一些参考 here.

是否可以使用 HTML5 数据属性来初始化 Bootstrap 3 日期选择器？

Is it possible to use HTML5 Data Attributes to initialize the Bootstrap 3 Datepicker?

attributes

initialization

datetimepicker

twitter-bootstrap

eonasdan-datetimepicker