layui 时间插件laydate ,取消回调

Posted 2021-02-15 iwen1992

背景：转型新公司不再是做前端展示H5之类的东西，主要业务是后台数据读取和插件搭建前端页面，接触的第一个老项目是layui制作的，由于业务需求，需要用到时间插件以下为时间插件的一些用法------------>>>>>>>

第一步、layui时间插件laydate本身是没有回调函数的，需要在latdate找到下面这段代码

//清空
as.oclear = S(‘#laydate_clear‘);
Dates.on(as.oclear, ‘click‘, function(){
Dates.elem[as.elemv] = ‘‘;
Dates.close();

});

第二步、向清空函数中添加 typeof Dates.options.testClear === ‘function‘ && Dates.options.testClear();

最后形成的代码结构为

//清空
as.oclear = S(‘#laydate_clear‘);
Dates.on(as.oclear, ‘click‘, function(){
Dates.elem[as.elemv] = ‘‘;
Dates.close();
typeof Dates.options.testClear === ‘function‘ && Dates.options.testClear();
});

此时即可在前端调用testClear函数   前端调用如下

<script type="text/javascript">
laydate({
elem: ‘#searchTime‘,
choose:function(value){
$("#searchTime").attr("data-starttime",value);
},//改变日期时把改变的日期赋值给searchTime的data-starttime
testClear:function(){
$("#searchTime").attr("data-starttime","");//清除日期的时候吧searchTime的data-starttime值清空
}
});

</script>