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