2017-10-20 53 views
0

Datetimepicker庫僅顯示now()日期,但在輸入值中顯示另一個日期。jQuery Datetimepicker不更新值

$('.date-picker').datetimepicker({ 
 
      format: 'DD.MM.YYYY', 
 
      locale: 'de', 
 
      daysOfWeekDisabled: [0, 6], 
 
     });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-ui-timepicker-addon/1.6.3/jquery-ui-timepicker-addon.min.js"></script> 
 
<link href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.css" rel="stylesheet" /> 
 
<link href="https://cdnjs.cloudflare.com/ajax/libs/jquery-ui-timepicker-addon/1.6.3/jquery-ui-timepicker-addon.min.css" rel="stylesheet" /> 
 

 
<input type='text' class="form-control date-picker" name="delivery_date" id="delivery_date" value="24.10.2017" required="required">

即使我輸入元素的值是2017年10月24日我從今天看到的只是日期(NOW()) - >二〇一七年十月二十日。

我試圖與$('#delivery_date').datetimepicker('refresh');,但結果是一樣的

+0

在這個問題上的任何更新? –

+0

@Master尤達我已經解決了使用$(「#delivery_date」)。val(deliveryDate);在頁面加載後...它不乾淨的解決方案,但它的工作原理 – JohnWayne

+0

所以原來是頁面加載問題?沒問題,至少你已經整理出來了。 –

回答

0

我假設你正在使用以下plugin

在您的例子中,你使用Format選項,jQuery-ui需要dateFormat選項。你也想在格式輸入日期天/月/年讓我重新安排你的日期格式爲dateFormat: 'dd/mm/yy'

我還設置你的時間格式,以24小時格式使用timeFormat: 'HH:mm'

您需要包括時間在您的輸入值,以便datetimepicker可以拿起它。在下面的例子中,我將時間設置爲默認00:00。

$('.date-picker').datetimepicker({ 
 
    dateFormat: 'dd/mm/yy', 
 
    timeFormat: 'HH:mm', 
 
    locale: 'de', 
 
    daysOfWeekDisabled: [0, 6], 
 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-ui-timepicker-addon/1.6.3/jquery-ui-timepicker-addon.min.js"></script> 
 
<link href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.css" rel="stylesheet" /> 
 
<link href="https://cdnjs.cloudflare.com/ajax/libs/jquery-ui-timepicker-addon/1.6.3/jquery-ui-timepicker-addon.min.css" rel="stylesheet" /> 
 

 
<input type='text' class="form-control date-picker" name="delivery_date" id="delivery_date" value="24/10/2017 00:00" required="required">