日期范圍選擇器為24小時范圍創建了錯誤的時間值

Question

DateRangePicker（ http://www.daterangepicker.com/ ）正在創建錯誤的值。 例如，當我選擇值13:00時，它在輸入中顯示為01:00

我已將timePicker24Hour啟用為true，所以我真的不知道是什么問題

網頁代碼

 $(function() { $('input[class*="datetimes"]').daterangepicker({ autoUpdateInput: true, singleDatePicker: true, timePicker: true, minYear: 1901, timePicker24Hour: true, timePickerIncrement: 5, maxYear: parseInt(moment().format('YYYY'), 10), locale: { format: 'YYYY-MM-DD hh:mm' }, opens: "center" }); }); 

 <script type="text/javascript" src="https://cdn.jsdelivr.net/jquery/latest/jquery.min.js"></script> <script type="text/javascript" src="https://cdn.jsdelivr.net/momentjs/latest/moment.min.js"></script> <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.min.js"></script> <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.css" /> <input class="form-control datetimes" type="text" name="end_time" id="end_time" /> 

有沒有人遇到此錯誤或我配置有誤？

Answer 1

您需要將大寫HH （24h格式）轉換為日期格式

 $(function() { $('input[class*="datetimes"]').daterangepicker({ autoUpdateInput: true, singleDatePicker: true, timePicker: true, minYear: 1901, timePicker24Hour: true, timePickerIncrement: 5, maxYear: parseInt(moment().format('YYYY'),10), locale: { format: 'YYYY-MM-DD HH:mm' }, opens: "center" }); }); 

 <script type="text/javascript" src="https://cdn.jsdelivr.net/jquery/latest/jquery.min.js"></script> <script type="text/javascript" src="https://cdn.jsdelivr.net/momentjs/latest/moment.min.js"></script> <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.min.js"></script> <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.css" /> <input class="form-control datetimes" type="text" name="end_time" id="end_time" /> 

Answer 2

您的問題是，您要輸出回輸入（通過語言環境）的格式為hh:mm格式，即12小時格式（ mm ）。 您需要使用HH ，將整個格式設置YYYY-MM-DD HH:mm 。 通過執行timePicker24Hour: true ，可以將timePicker24Hour: true本身設置為24小時格式。

  $(function() { $('input[class*="datetimes"]').daterangepicker({ autoUpdateInput: true, singleDatePicker: true, timePicker: true, minYear: 1901, timePicker24Hour: true, timePickerIncrement: 5, maxYear: parseInt(moment().format('YYYY'),10), locale: { format: 'YYYY-MM-DD HH:mm' }, opens: "center" }); }); 

 <script type="text/javascript" src="https://cdn.jsdelivr.net/jquery/latest/jquery.min.js"></script> <script type="text/javascript" src="https://cdn.jsdelivr.net/momentjs/latest/moment.min.js"></script> <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.min.js"></script> <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.css" /> <input class="form-control datetimes" type="text" name="end_time" id="end_time" />