daterangepicker时间选择器不应用后,按应用按钮

daterangepicker timepicker not applying after press the Apply button

本文关键字:应用 按钮 daterangepicker 选择器 时间      更新时间:2023-09-26

我使用了Daterangepicker和timepicker,在我点击apply按钮后,它只显示选定的日期而不是时间。我需要选择的日期和时间任何人帮助我。我的代码是,

$(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'));
});

谢谢。

您需要以日期格式传递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'));