javascript - 自定义脚本上的 Eonasdan/bootstrap-datetimepicker 选项

Question

我需要向我的日期选择器字段添加一些选项，我遵循文档，但我需要处理自定义脚本，并且需要一些有关 javascript 的帮助。

这是我的脚本

HTML:

<div class="form-group  col-md-6">
  <label for="name">StartDate</label>
  <input type="date" class="form-control" name="startdate" placeholder="Start Date" value="04/03/2018">
</div>

JavaScript:

$('.form-group input[type=date]').each(function (idx, elt) {
    if (elt.type != 'date' || elt.hasAttribute('data-datepicker')) {
        elt.type = 'text';
        $(elt).datetimepicker($(elt).data('datepicker'));
    }
});

我尝试添加:

$(elt).datetimepicker({
    locale: 'it',
    format: 'DD/MM/YYYY'
});

设置格式和区域设置，但不起作用。

这是 fiddle : https://jsfiddle.net/iotivedo/qf5eopdr/6/

Answer 1

您尝试阅读的文档在哪里？

您似乎没有遵循Bootstrap 3 Datepicker v4 Docs

参见https://eonasdan.github.io/bootstrap-datetimepicker/

你可以尝试:

(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>

(JS)

$('#datetimepicker1').datetimepicker({
    format: 'DD/MM/YYYY',
    locate: 'it'
});

配置您的显示格式并定位。