[JavaScript知识库]总结使用layui-laydate日历控件遇到的问题

一、利用layui-laydate日历控件选择月份

1、问题

选择月份时不能实现鼠标直接点击选择，选择之后需要按“确定”

原来的代码

html文件：

<div class="layui-inline layui-show-xs-block">
   <span>日期: </span>
   </div>
<div class="layui-inline layui-show-xs-block">
   <input type="text" class="layui-input" id="test10"  autocomplete="off">
</div>

js文件：

laydate.render({
                elem: '#test10'
                ,type: 'month'
            });

2、解决：

修改js文件：

//日期时间范围
laydate.render({
   elem: '#test10'
   ,type: 'month',
   change(value) {
       $('.layui-laydate').on('click','li',function () {
            $('#test10').val(value);
            $('.layui-laydate').remove()
        })
   }
});

二、layui-laydate日历控件总是闪退

1、问题：

点击输入框内时，时间弹框正常弹出，但当鼠标点到输入框的上边框时，时间弹框闪退。

原始代码：

laydate.render({
            elem: '#createtime' //指定元素
            ,type: 'date'
        });

2、原因：

缺少trigger - 自定义弹出控件的事件
类型：String，默认值：focus，如果绑定的元素非输入框，则默认事件为：click

3、解决：

加上 trigger:‘click’ ，//加入click事件

修改后的代码：

laydate.render({
            elem: '#createtime'
            ,type: 'date'
            ,trigger:'click'
        });