欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

layui 时间选择器 屏蔽不需要的日期(月份)

程序员文章站 2022-03-22 11:00:16
屏蔽不需要的日期,只给选择有个别日期JS代码初始化layui.use('laydate', function () { var laydate = layui.laydate; gdate(function (data) { var json = { elem: '#selMonth', type: 'month', ready: funct....

屏蔽不需要的日期,只给选择有个别日期

layui 时间选择器 屏蔽不需要的日期(月份)

 JS代码初始化

layui.use('laydate', function () {
        var laydate = layui.laydate;
        gdate(function (data) {
            var json = {
                elem: '#selMonth',
                type: 'month',
                ready: function () {
                    dateselchange();
                },
                change: function () {
                    dateselchange();
                }
            };
            if (data && data.length > 0) {
                var date = data[0].YM;
                json.value = date.substr(0, 4) + '-' + date.substr(4, 2);
            }
            laydate.render(json);
        })
    });

其它子方法

//控制显示隐藏
function dateselchange() {
    gdate(function (rsl) {
        $(".layui-laydate-content .laydate-month-list [lay-ym]").addClass('laydate-disabled');
        if (!rsl || rsl.length == 0)
            return;
        var k = $('.laydate-set-ym [lay-type=year]').attr('lay-ym').split('-')[0];
        $.each(rsl, function () {
            if (this.YM.startWith(k)) {
                var ndate = parseInt(this.YM.substr(4, 2));
                $(".layui-laydate-content .laydate-month-list [lay-ym='" + (ndate - 1) + "']").removeClass('laydate-disabled');
            }
        })
    })
}

ajax获取数据日期

var dayList=null;
function gdate(callback) {
    if(dayList!=null){
        callback(dayList);
    }else {
        var obj = {};
        $.ajax({
            type: 'post',
            url:  '../../getDate',
            data: JSON.stringify(obj),
            dataType: "json",
            contentType: "application/json",
            success: function (data) {
                dayList=data;
                callback(data);
            }
        })
    }
}

数据返回格式

layui 时间选择器 屏蔽不需要的日期(月份)

本文地址:https://blog.csdn.net/qq_37203082/article/details/110189530

相关标签: 前端 js