前提条件
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>');