在这之前,大家需要清楚:
bootstrap-datepicker 是一个基于 jQuery 和 Bootstrap 的插件,提供日期选择的功能。
而 bootstrap-datetimepicker 是基于 bootstrap-datepicker 而来的一个分支。
bootstrap-datepicker 不支持 Time 选择。而 bootstrap-datetimepicker 中可以选择时间了。
--------------------------------分隔符--------------------------
在 bootstrap-datepicker 中有一个 clearBtn 选项的,可以用来清除已选择的日期。
但 bootstrap-datepicker 只能用来选择日期,如果我们的需求是还要选择时间,所以我们使用 bootstrap-datetimepicker ,但是 bootstrap-datetimepicker 没有清除按钮。
给 bootstrap-datetimepicker 添加清除按钮
因为是在源码上面做的修改,所以,附上修改后的源代码:
bootstrap-datetimepicker添加清除按钮
使用这份 bootstrap-datetimepicker.js , 后就可以使用 clearBtn 了。
例子如下:
$('#choose-date').datetimepicker({
format: "yyyy-mm-dd",
startView: 2,
minView: 2,
autoclose: true,
clearBtn: true //添加清除按钮,可选值:true/false
});
类似插件
类似的日期选择器还有:
---------------------------(正文完)------------------------------------
一个前端的学习交流群,想进来面基的,可以点击这个logo,或者手动search群号:685486827
-------------------------------- (完)--------------------------------------
我的:
个人网站: https://neveryu.github.io/neveryu/
Github: https://github.com/Neveryu
新浪微博: https://weibo.com/Neveryu
更多学习资源请关注我的新浪微博…