如何在Bootstrap Datetimepicker 3中设置24小时制显示？

嘿，我帮你排查出问题啦！你当前使用的是daterangepicker插件，要实现24小时制时钟显示，需要调整两个关键配置：

• 修正24小时制控制参数：你代码里写的use24hours:true是错误的，daterangepicker对应的正确参数是timePicker24Hour: true，这个参数会直接让时间选择器切换为24小时制模式。
• 调整时间格式字符串：你当前格式用的h:mm是12小时制的小时标识，要换成大写的H:mm，这样输出的时间才会以24小时制展示（比如13:30而不是01:30 PM）。

下面是修改后的完整代码：

$('#qsdfqsf').daterangepicker({
  timePicker: true,
  timePickerIncrement: 1,
  timePicker24Hour: true, // 修正后的24小时制参数
  "locale": {
    "separator": " - ",
    "applyLabel": "Appliquer",
    "cancelLabel": "Annuler",
    "fromLabel": "Du",
    "toLabel": "Au",
    "customRangeLabel": "Custom",
    "daysOfWeek": [ "Di", "Lu", "Ma", "Me", "Je", "Ve", "Sa" ],
    "monthNames": [ "Janvier", "Février", "Mars", "Avril", "Mai", "Juin", "Juillet", "Août", "Septembre", "Octobre", "Novembre", "Decembre" ],
    "firstDay": 1,
    format: 'MM/DD/YYYY H:mm' // 把h改成H，对应24小时制
  }
})

这样修改后，你的时间选择器就会正常显示24小时制，同时之前设置的法语月份也能正常生效啦～

内容的提问来源于stack exchange，提问作者JohnDickinson