Bootstrap DateTimePicker初始值

Question

我在Bootstrap的DateTimePicker中有一个小问题。 我遇到的问题是，首次加载选择器时，它似乎正在从隐藏的输入元素中获取值，而不是从其附加到的输入框中获取值。

这是我目前拥有的代码：

$('.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',

      });