给 bootstrap-datetimepicker 添加清除按钮
程序员文章站
2022-03-02 08:23:35
在这之前,大家需要清楚:
bootstrap-datepicker 是一个基于 jQuery 和 Bootstrap 的插件,提供日期选择的功能。...
在这之前,大家需要清楚:
bootstrap-datepicker 是一个基于 jQuery 和 Bootstrap 的插件,提供日期选择的功能。
而 bootstrap-datetimepicker 是基于 bootstrap-datepicker 而来的一个分支。
bootstrap-datepicker 不支持 Time 选择。而 bootstrap-datetimepicker 中可以选择时间了。
但 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 });
默认显示的是英文的,如果需要修改为中文显示,可以到其封装的js库中修改语言定义。
上一篇: Bootstrap插件使用详细介绍
下一篇: AJAX实现省市县三级联动效果