input绑定laydate事件以及取消laydate渲染事件


前提条件
1、引入layui.css以及layui.all.js
2、

<div id="datecontrolArea"><input type="text" id="datecontrol" readonly="readonly"><i class="date-icon1 date-input-icon ml_10"></i></div>

3、给input框和图标绑定日历点击事件

       layui.use('laydate',function(){
                var laydate = layui.laydate;
                laydate.render({
                    elem: '#datecontrol',
                    eventElem: '.date-input-icon',
                    trigger: 'click',
                    btns: ['clear', 'confirm'],
                    min: 0
                })
            });

4、清除laydate渲染事件

$("#datecontrolArea").empty();
$("#datecontrolArea").append('<input id="datecontrol" type="text" readonly="readonly"/><i class="date-icon1 date-input-icon ml_10" style="cursor:pointer"></i>');


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM