一、利用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
        });