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"));

                });

效果实现


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


目录
相关文章
|
1月前
|
JavaScript
JS设置日期为0时0分0秒
项目中经常要给设置默认值,搜索从哪天开始,这时候,如果直接通过new Date()来获取时间,会有时分秒,如果快速设置为0时0分0秒?
27 0
|
4月前
|
JavaScript
vue实时显示当前年月日时分秒有时间单位的<script setup>写法
vue实时显示当前年月日时分秒有时间单位的<script setup>写法
36 0
|
8月前
|
前端开发 JavaScript
bootstrap-datetimepicker设置时分
简要讲述bootstrap-datetimepicker的基本用法及多种情况初始化操作
|
8月前
|
存储 缓存 JavaScript
js中的日期和时间
时间戳,是计算机里存储和表示时间的基本方式。 以1970年1月1日0时0分0秒作为基准 计算当前时刻与这个基准时刻的秒数/毫秒/微妙之差 得到的这个数字就叫做时间差。
|
9月前
|
JavaScript
JS 获取后七天内的日期,包括当前时间
JS 获取后七天内的日期,包括当前时间
306 0
|
前端开发 JavaScript 测试技术
Bootstrap时间日历插件bootstrap-datetimepicker配置与应用小结
Bootstrap时间日历插件bootstrap-datetimepicker配置与应用小结
367 0
|
前端开发 JavaScript
bootstrap-daterangepicker:最好用的日期范围选择组件
bootstrap-daterangepicker:最好用的日期范围选择组件
560 0
bootstrap-daterangepicker:最好用的日期范围选择组件
|
前端开发 UED
Bootstrap中datetimepicker日期控件1899年问题解决
 Bootstrap中datetimepicker日期控件1899年问题解决   最近在开发项目的过程中,遇到一个很尴尬的问题。我们项目一直采用的是angular+bootstrap,日期控件用的是bootstrap中的datetimepicker,这个日期控件存在一个bug,当用户输入日期时,日期控件会自动跳到1899年,这个用户体验特别不好,一不小心就可能点错了。
2335 0
|
JavaScript
对element的日期控件进行处理--选择时间的限制
    pickerOptions0:{//在vue的data里设置     disabledDate(time){     var tempTime = new Date(time).
3045 0