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是＆＃34; data-date-startdate＆＃34;的值。属性。

有什么想法吗？

由于

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',

      });

Bootstrap datetimepicker初始值

2 个答案: