日期范围选择器,24小时格式

时间:2016-04-02 13:03:26

标签: javascript jquery twitter-bootstrap bootstrap-daterangepicker

我正在使用Date Range Picker插件进行bootstrap,我试图以24小时格式获取值。我已设置选项timePicker24Hour: true但它仍然无法以24小时格式返回。

这是我的代码:

$("#reportdatetime").daterangepicker({
    timePicker: true,
    timePicker24Hour: true,
    timePickerIncrement: 30,
    locale: {
        format: 'MM/DD/YYYY h:mm'
    }
});

小提琴:https://jsfiddle.net/rdawkins/k67xfa1g/1/

3 个答案:

答案 0 :(得分:10)

使用正确的区域设置格式。要以24小时格式显示时间,请使用以下命令 -

$("#reportdatetime").daterangepicker({
    timePicker: true,
    timePicker24Hour: true,
    timePickerIncrement: 30,
    locale: {
        format: 'MM/DD/YYYY H:mm'
    }
});

工作示例:https://jsfiddle.net/Ly0jh5pz/2

答案 1 :(得分:3)

<script>
    $('#datepicker').daterangepicker({
        "timePicker": true,
        "timePicker24Hour": true,
        "startDate": "03/27/2016",
        "endDate": "04/02/2016"
        });
    });
</script>

答案 2 :(得分:0)

如果需要,可以将AM / PM格式设置为:here是一些示例。 here描述了如何使用矩形格式。