timePicker bootstrap中的12时制与24时制

最新推荐文章于 2024-08-08 07:45:19 发布

鱼香土豆丝

最新推荐文章于 2024-08-08 07:45:19 发布

阅读量6.3k

点赞数

分类专栏：数据分析师养成记

本文链接：https://blog.csdn.net/he_min/article/details/77506405

版权

数据分析师养成记专栏收录该内容

12 篇文章 0 订阅

订阅专栏

调BUG的时候遇到一个问题，问题是这样的：我需要选择一个时间区域，并且需要用24时制来显示时间，用的插件是timepicker,刚开始是这样写的js

$('#tbTime').daterangepicker({
                                "use24hours": true,
                                timePicker: true,
                                timePickerIncrement: 1,
                                locale: {
                                    format: 'YYYY/MM/DD hh:mm:ss'
                                },
                                startDate: $("#lbStartTime").html(),
                                endDate: $("#lbEndTime").html()
                            }, function (start, end, label) {
                                $("#lbStartTime").html(start.format('YYYY/MM/DD hh:mm:ss'));
                                $("#lbEndTime").html(end.format('YYYY/MM/DD hh:mm:ss'));
                            });
                            //对中文的支持
                            $('#tbTime').data('daterangepicker').updateMomentLocale('zh-cn');

不管如何调程序，始终调试不出00：00：00这个时间。
最后通过奖h大写H解决这个问题。如下：

$('#tbTime').daterangepicker({
                                "use24hours": true,
                                timePicker: true,
                                timePickerIncrement: 1,
                                locale: {
                                    format: 'YYYY/MM/DD HH:mm:ss'
                                },
                                startDate: $("#lbStartTime").html(),
                                endDate: $("#lbEndTime").html()
                            }, function (start, end, label) {
                                $("#lbStartTime").html(start.format('YYYY/MM/DD HH:mm:ss'));
                                $("#lbEndTime").html(end.format('YYYY/MM/DD HH:mm:ss'));
                            });
                            //对中文的支持
                            $('#tbTime').data('daterangepicker').updateMomentLocale('zh-cn');