bootstrap-datetimepicker 实现小时分钟显示

简介: 最近做项目时,使用bootstrap-datetimepicker插件显示小时分钟,遇到问题记录如下:1.首先显示小时分钟可选    minView:0 或者'hour',  也可不传,默认为02.

最近做项目时,使用bootstrap-datetimepicker插件显示小时分钟,遇到问题记录如下:

1.首先显示小时分钟可选

    minView:0 或者'hour',  也可不传,默认为0

2.时间24小时显示

   format:'yyyy-mm-dd HH:mm'  主要是小时部分为大写的HH

3.正确显示时间

    网上的资料一般显示前面两条,但是并没有实现想要达到的效果,不如选择 2018-06-13 13:50 , 

最后显示的确实2018-06-13 13:06,尝试改变对象参数,不生效,最后用了最笨的办法,直接使用changeDate事件,

直接将改变之后的值给该控件,如 .on('changeDate', function (ev) {
                    $('#txtBegin').val(ev.date.format("yyyy-MM-dd HH:mm"));

                });

效果实现


如果各位小伙伴有更好的实现方式,欢迎留言指教!


目录
相关文章
|
前端开发 JavaScript
bootstrap-datetimepicker设置时分
简要讲述bootstrap-datetimepicker的基本用法及多种情况初始化操作
|
JavaScript
关于Element-Ui 时间范围选择器DatePicker禁用范围日期问题
饿了么组件库的[DatePicker](https://element.eleme.cn/#/zh-CN/component/date-picker) 日期范围选择,
|
前端开发 JavaScript 测试技术
Bootstrap时间日历插件bootstrap-datetimepicker配置与应用小结
Bootstrap时间日历插件bootstrap-datetimepicker配置与应用小结
417 0
|
JavaScript API
elementUI中的el-date-picker日期月份时间选择器禁用选中当前和以后的日期
elementUI中的el-date-picker日期月份时间选择器禁用选中当前和以后的日期
1159 0
|
JavaScript
layui的日历组件(laydate)自动设置时间
layui的日历组件(laydate)自动设置时间
496 0
layui的日历组件(laydate)自动设置时间
|
前端开发 JavaScript
bootstrap-daterangepicker:最好用的日期范围选择组件
bootstrap-daterangepicker:最好用的日期范围选择组件
706 0
bootstrap-daterangepicker:最好用的日期范围选择组件
|
前端开发
Bootstrap系列 -- 33. 等分按钮
  等分按钮也常被称为是自适应分组按钮,其实现方法也非常的简单,只需要在按钮组“btn-group”上追加一个“btn-group-justified”类名. 首页 产品展示 案例分析 联系我们 ...
881 0
|
前端开发 UED
Bootstrap中datetimepicker日期控件1899年问题解决
 Bootstrap中datetimepicker日期控件1899年问题解决   最近在开发项目的过程中,遇到一个很尴尬的问题。我们项目一直采用的是angular+bootstrap,日期控件用的是bootstrap中的datetimepicker,这个日期控件存在一个bug,当用户输入日期时,日期控件会自动跳到1899年,这个用户体验特别不好,一不小心就可能点错了。
2397 0