按应用按钮后日期范围选择器时间选择器未应用答案

【问题标题】：daterangepicker timepicker not applying after press the Apply button按应用按钮后日期范围选择器时间选择器未应用
【发布时间】：2016-11-03 06:20:14
【问题描述】：

我使用了 Daterangepicker 和 timepicker，因为在我单击应用按钮后，它只显示选定的日期而不是时间。我需要选择日期和时间任何人都可以帮助我。我的代码是，

$(document).ready(function() {
    $('#config-demo').daterangepicker({
        locale: {
            format: 'DD/MMM/YYYY'
        },
        "singleDatePicker": true,
        "timePicker": true,
        "timePickerIncrement": 10,
        startDate: '<?php echo date("m-d-Y"); ?>', //09-21-2016
    }, 
    function(start, end, label) {
        $('#config-demo').val(start.format('DD-MM-YYYY'));
    });
}); 

$("#config-demo").on('apply.daterangepicker', function(ev, Picker) {
    $('#config-demo').val(Picker.startDate.format('DD-MM-YYYY'));
});

谢谢。

【问题讨论】：

将格式更改为 'DD/MMM/YYYY H:i:s'
如果你也想要时间，那你为什么要使用format: 'DD/MMM/YYYY'？它将日期时间形成为这种格式，这就是平局被截断的原因。更改格式并包括时间

标签： javascript php jquery daterangepicker

【解决方案1】：

您需要以日期格式传递time(H:i:s)参数

试试下面的代码：

$(document).ready(function() {
$('#config-demo').daterangepicker({
locale: {
format: 'DD/MMM/YYYY hh:mm:ss A'
},
"singleDatePicker": true,
"timePicker": true,
"timePickerIncrement": 10,
startDate: '<?php echo date("m-d-Y"); ?>', //09-21-2016
}, 
function(start, end, label) {
$('#config-demo').val(start.format('DD-MM-YYYY  hh:mm:ss A'));
});
}); 
$("#config-demo").on('apply.daterangepicker', function(ev, Picker) {
$('#config-demo').val(Picker.startDate.format('DD-MM-YYYY  hh:mm:ss A'));

【讨论】：

我使用了这个代码 DD-MM-YYYY hh:mm:ss 它的工作，但我需要显示 am 或 pm
以 format 格式传递 A：'DD/MMM/YYYY H:i:s A' 检查它是否有效
终于有答案了，
很高兴继续提供帮助:)