BootStrap-datetimepicker精确到时分秒

BootStrap-datetimepicker精确到时分秒

本来我用的layui日期组件,由于需求及种种原因,vote了这个控件,网上搜了一大堆博客,资料,终于成功搞定。。。

上代码比较实际~
HTML代码如下:

JS代码如下:

$('.form_datetime').datetimepicker({
    format: 'yyyy-mm-dd hh:ii:ss',
    autoclose: true,
    /* minView: "month",  *///选择日期后,不会再跳转去选择时分秒 
    language: 'zh-CN',
    dateFormat: 'yyyy-mm-dd',//日期显示格式
    timeFormat: 'HH:mm:ss',//时间显示格式
    todayBtn: 1,
    autoclose: 1,
    minView: 0,  //0表示可以选择小时、分钟   1只可以选择小时
    minuteStep: 1,//分钟间隔1分钟
});

运行结果:
BootStrap-datetimepicker精确到时分秒_第1张图片

能够选择秒数主要是因为修改了datetimepicker.js里的一些代码,最终效果才ok~
附上下载链接,里面包括修改后的datetimepicker.js及它的css、能够实现该效果的所有文件。
文末有下载链接!

补充:
1.项目中使用bootstrap表格进行分页装数据,并需要进行查询的时候,要先把表格数据清空!!!!!坑!!!!!
前台传至后台数据正确,页面加载没问题,点击查询却纹丝不动,突然间想到了这个可能性,于是加上了这句代码:

$('#表格的id名').bootstrapTable('destroy');

Done!
2.不知道你们有没有遇到这样的问题,bootstrap表格每页装载的数据,选择加载条数点击无效。
其可能原因是:由于项目在其他地方也加载了bootstrap.js 或者 bootstrap.min.js,所以再次加载时,就会导致加载多次,点击时,不能弹出下拉框。

希望日后使用这个组件的你们能够跳过这个坑~

Bootstrap-datetimepicker年月日时分秒均可选择

你可能感兴趣的:(Bootstrap)