layui 时间选择器 屏蔽不需要的日期(月份)
程序员文章站
2022-06-28 18:56:27
屏蔽不需要的日期,只给选择有个别日期JS代码初始化layui.use('laydate', function () { var laydate = layui.laydate; gdate(function (data) { var json = { elem: '#selMonth', type: 'month', ready: funct....
屏蔽不需要的日期,只给选择有个别日期
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);
}
})
}
}
数据返回格式
本文地址:https://blog.csdn.net/qq_37203082/article/details/110189530
上一篇: PPT素材PPT配色及网页设计常用色彩搭配网站推荐
下一篇: 荐 Java高级阶段之多线程之二