2017-01-20 17 views
0

daterangepicker JQueryプラグインを使用していますが、一部の日付範囲をフォームの一部として取得する必要があります。しかし同じ形で、私はまた、好ましくはプラグインを通して現在の日付と時刻を自動的に表示できるようにしたい。私はDRPとしてこれを可能にする方法を見つけるように見えるカントJQuery + Daterangepicker - 現在の日付と時刻?

eg. 2017/01/20 00:00"YYYY/MM/DD HH:mm"形式を好むように見えるし、代わりにのみ真夜中のよう今日の日付を表示しませんが、決して実際の時間。

どうすればこの問題を解決できますか?

$(function() { 
    $('input[name="incident_date"]').daterangepicker({ 
     singleDatePicker: true, 
     showDropdowns: true, 
     timePicker: true, 
     timePicker24Hour: true, 
     timePickerIncrement: 10, 
     autoUpdateInput: true, 
     locale: { 
      format: 'YYYY/MM/DD HH:mm', 
     }, 
}); 

答えて

1

オプションstartDate: new Date()を渡す必要があります。

$('input[name="incident_date"]').daterangepicker({ 
 
    singleDatePicker: true, 
 
    startDate: new Date(), 
 
    showDropdowns: true, 
 
    timePicker: true, 
 
    timePicker24Hour: true, 
 
    timePickerIncrement: 10, 
 
    autoUpdateInput: true, 
 
    locale: { 
 
    format: 'YYYY/MM/DD HH:mm' 
 
    }, 
 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-daterangepicker/2.1.25/moment.min.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-daterangepicker/2.1.25/daterangepicker.min.js"></script> 
 
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-daterangepicker/2.1.25/daterangepicker.css" rel="stylesheet"/> 
 
<input type="text" name='incident_date' />

+0

おかげで、私は他の記事を見て、 'たstartDateことが判明:daterangepickerが初期化された後に新しい日付()'オプションは常に呼ばれていました。私はこれも同様にそれを呼び出すことができます知っておいてよかった。 – Armitage2k

関連する問題