欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

给 bootstrap-datetimepicker 添加清除按钮

程序员文章站 2022-06-09 21:46:42
在这之前,大家需要清楚: 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库中修改语言定义。