Layui 月份選擇

直接上代碼：

<div class="layui-form-item layui-form-text">
                        <label class="layui-form-label">月份</label>
                        <div class="layui-input-block">
                            <input type="text" name="mouth" class="layui-input" id="mouth">
                        </div>
                    </div>

<script>
        layui.use(['table', 'laydate'], function () {
            var $ = layui.$
                , form = layui.form
                , laydate = layui.laydate
                , table = layui.table;


            //時間范圍選擇
            laydate.render({
                elem: '#created_at'
                // ,range: true
                , range: '至'
                , max: 0 //7天后
            });

            laydate.render({
                elem: '#interview_date'
            });

            var end = laydate.render({
                elem: '#mouth', //選擇器結束時間
                format: 'yyyy-MM',
                type: 'month',
                showBottom: false, //關閉底部框 去掉取消、確定、清空按鈕
                // 選擇年份或者月份都會關閉
                change: function (value, date, endDate) { //監聽日期被切換
                    lay('#mouth').val(value);
                    if ($(".layui-laydate").length) {
                        $(".layui-laydate").remove();
                    }
                },
                //選擇月份即選中關閉  年份扔可以左右點擊選擇
                change: function (value, date, endDate) { //監聽日期被切換
                    lay('#mouth').val(value);
                    $('.laydate-month-list').on('click','li',function () {//利用的事件委托
                        $('.layui-laydate').remove()
                    })
                },
                done: function (value, date) {
                    start.config.max = {
                        year:value ? date.year : 3099,
                        month: date.month - 1, //關鍵
                        date: date.date,
                        hours: 0,
                        minutes: 0,
                        seconds: 0
                    }
                }
            });

        });
    </script>