javascript - 引导日期时间选择器初始值

Question

我对 Bootstrap 的 DateTimePicker 有一个小问题。The issue I'm having is when the picker is first loaded it appears to be getting the value from a hidden input element instead of the value from the input box that it is attached to.

这是我目前拥有的代码：

$('.the_date').datetimepicker({
    format: 'd MM yyyy',
    linkFormat: 'yyyy-mm-ddThh:ii:ssZ',
    weekStart: 1,
    language: 'en',
    todayBtn:  0,
    autoclose: 1,
    todayHighlight: 1,
    startView: 2,
    minView: 2,
    forceParse: 0,
    pickerPosition: "bottom-left"
});

<div class="item-date the_date date" data-date-startdate="22/08/14" data-link-field="OrderItem_0_preferredDate">
        <input type="text" class="datepicker form-control" placeholder="Date" data-link-field="OrderItem_0_preferredDate" value="22/08/14">

        <input name="OrderItem[0][preferredDate]" id="OrderItem_0_preferredDate" type="hidden" value="2014-08-21T22:00:00Z">        
 </div>

选择器中默认显示的值是 2014 年 8 月 21 日 (21/08/14)，这是不正确的。

我希望 startdate 是“data-date-startdate”属性中的值。

有任何想法吗？

谢谢

Answer 1

你可以试试 ：

<div id="start-date" class="item-date the_date date" data-date-startdate="22/08/14" data-link-field="OrderItem_0_preferredDate">
    <input type="text" class="datepicker form-control" placeholder="Date" data-link-field="OrderItem_0_preferredDate" value="22/08/14">

    <input name="OrderItem[0][preferredDate]" id="OrderItem_0_preferredDate" type="hidden" value="2014-08-21T22:00:00Z">        
</div>

$('.the_date').datetimepicker({
    ...
    defaultDate:$('#start-date').attr('data-date-startdate')
});

Answer 2

   Jsut try this:
        $(.the_date').datetimepicker({
        language:  'fr',
        weekStart: 1,
        todayBtn:  1,
        autoclose: 1,
        todayHighlight: 1,
        startView: 1,
        minView: 0,
        maxView: 1,
        forceParse: 0,
        showMeridian: 1,
        startDate: '2018-9-7 '12:00:00',

      });