zoukankan      html  css  js  c++  java
  • 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>

  • 相关阅读:
    mybatis中的动态语句中多条件or如何书写
    安装kibana的docker版
    安装elasticsearch的docker版
    git回滚push过的代码
    java中支付宝支付
    05 docker镜像删除
    远程仓库的搭建
    本地git工作流
    创建本地仓库
    git安装
  • 原文地址:https://www.cnblogs.com/iwen1992/p/10670498.html
Copyright © 2011-2022 走看看