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日（2014年8月21日），这是不正确的。

我希望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',

      });