layui 時間插件laydate ,取消回調


背景:轉型新公司不再是做前端展示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>


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM