Loading

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>');
posted @ 2021-01-19 10:35  行走在前端的开发者  阅读(2021)  评论(0编辑  收藏  举报