2017-10-20 10 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">

とにも私のinput要素の値は、2017年10月24日である私は(今())は、本日から日付のみを見ることができます - > 2017年10月20日。

私は$('#delivery_date').datetimepicker('refresh');で試してみましたが、結果は同じ

+0

この質問上の任意の更新? –

+0

@Master Yoda $( "#delivery_date")を使って問題を解決しました。ページが読み込まれた後に...それは清潔ではない解決策ですが、それは動作します – JohnWayne

+0

それはページロードの問題であることが判明しましたか?少なくともあなたはソートされていても問題はありません。 –

答えて

0

である私は、あなたが以下のpluginを使用していることを前提としています。あなたの例では

あなたはFormatオプションを使用し、jQuery-uidateFormatオプションが必要です。また、時間を含ん私もあなたがに必要timeFormat: 'HH:mm'

を使用して24時間形式に時間形式を設定

dateFormat: 'dd/mm/yy'ように、私は書式設定あなたの日付を再配置日/月/年形式で入力日付にしたいですあなたの入力値に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">

関連する問題