angular-bootstrap-datetimepicker时间控件添加清除按钮控件

本文介绍了如何在Angular项目中使用bootstrap-datetimepicker时间控件并添加清除按钮功能。详细步骤包括:1) 下载相关文件;2) 修改bootstrap-datetimepicker.min.js和bootstrap-datetimepicker.zh-CN.js源码,添加clear选项;3) 更新footTemplate和样式文件。展示了changeDate、changeYear、changeMonth和outOfRange等触发事件。
摘要由CSDN通过智能技术生成

1.准备工作

 首先我们得下载号这几个文件:

文件地址:链接:https://pan.baidu.com/s/19JEBIOP5rb0BbixxxzjRsw 
                  提取码:c0l8

   

2.修改源码

需要修改bootstrap-datetimepicker.min.js,找到data-today-btn对应加一行如下:

this.todayBtn=(i.todayBtn||this.element.data("date-today-btn")||false);
this.clearBtn=(i.clearBtn||this.element.data("date-clear-btn")||false);//update by andong

接着:

this.picker.find('tfoot th.today')  
                .text(dates[this.language].today)  
                .toggle(this.todayBtn !== false);  
this.picker.find('tfoot th.clear')  
                .text(dates[this.language].clear)  
                .toggle(this.clearBtn!==false); // update by andong 

然后需要加一个case "clear",(注意:复制的时候是第二个break的里面)

case 'today':  
                                var date = new Date();  
                                date = UTCDate(date.getFu
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值