bootstrap-datetimepicker 添加清除按钮


在这之前,大家需要清楚:

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

类似插件

类似的日期选择器还有:

JQuery EasyUI – 日历选择器

air-datepicker – 日历选择器

---------------------------(正文完)------------------------------------
一个前端的学习交流群,想进来面基的,可以点击这个logoVue学习交流,或者手动search群号:685486827


写在最后: 约定优于配置-------软件开发的简约原则.
-------------------------------- (完)--------------------------------------

我的:
个人网站: https://neveryu.github.io/neveryu/
Github: https://github.com/Neveryu
新浪微博: https://weibo.com/Neveryu

更多学习资源请关注我的新浪微博…

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值