mirror of https://github.com/layui/layui
laydate 添加 shade
parent
e08932d935
commit
506083ebf9
|
@ -152,6 +152,7 @@ layui.use('laydate', function(laydate){
|
||||||
laydate.render({
|
laydate.render({
|
||||||
elem: '#test-first',
|
elem: '#test-first',
|
||||||
min: 0,
|
min: 0,
|
||||||
|
shade: [0.1, '#ddd']
|
||||||
//max: '2016-12-30'
|
//max: '2016-12-30'
|
||||||
});
|
});
|
||||||
|
|
||||||
|
|
|
@ -17,6 +17,7 @@ html #layuicss-laydate{display: none; position: absolute; width: 1989px;}
|
||||||
.layui-laydate-header *,
|
.layui-laydate-header *,
|
||||||
.layui-laydate-content td,
|
.layui-laydate-content td,
|
||||||
.layui-laydate-list li{transition-duration: .3s; -webkit-transition-duration: .3s;}
|
.layui-laydate-list li{transition-duration: .3s; -webkit-transition-duration: .3s;}
|
||||||
|
.layui-laydate-shade{top: 0; left: 0; width: 100%; height: 100%; _height: expression(document.body.offsetHeight+"px"); position: fixed; _position: absolute; pointer-events: auto;}
|
||||||
|
|
||||||
/* 微微往下滑入 */
|
/* 微微往下滑入 */
|
||||||
@keyframes laydate-downbit {
|
@keyframes laydate-downbit {
|
||||||
|
|
|
@ -94,6 +94,7 @@
|
||||||
var ELEM_TIME_BTN = 'laydate-btns-time';
|
var ELEM_TIME_BTN = 'laydate-btns-time';
|
||||||
var ELEM_PREVIEW = 'layui-laydate-preview';
|
var ELEM_PREVIEW = 'layui-laydate-preview';
|
||||||
var ELEM_MAIN = 'layui-laydate-main';
|
var ELEM_MAIN = 'layui-laydate-main';
|
||||||
|
var ELEM_SHADE = 'layui-laydate-shade';
|
||||||
|
|
||||||
// 组件构造器
|
// 组件构造器
|
||||||
var Class = function(options){
|
var Class = function(options){
|
||||||
|
@ -163,6 +164,7 @@
|
||||||
,done: null //控件选择完毕后的回调,点击清空/现在/确定也均会触发
|
,done: null //控件选择完毕后的回调,点击清空/现在/确定也均会触发
|
||||||
,change: null //日期时间改变后的回调
|
,change: null //日期时间改变后的回调
|
||||||
,autoConfirm: true //是否自动确认(日期|年份|月份选择器非range下是否自动确认)
|
,autoConfirm: true //是否自动确认(日期|年份|月份选择器非range下是否自动确认)
|
||||||
|
,shade: 0
|
||||||
};
|
};
|
||||||
|
|
||||||
//多语言
|
//多语言
|
||||||
|
@ -641,6 +643,9 @@
|
||||||
,that.position() //定位
|
,that.position() //定位
|
||||||
);
|
);
|
||||||
|
|
||||||
|
var shade = options.shade ? ('<div class="'+ ELEM_SHADE +'" style="'+ ('z-index:'+ (elem.style.zIndex-1) +'; background-color: ' + (options.shade[1] || '#000') + '; opacity: ' + (options.shade[0] || options.shade)) +'"></div>') : '';
|
||||||
|
elem.insertAdjacentHTML('beforebegin', shade);
|
||||||
|
|
||||||
that.checkDate().calendar(null, 0, 'init'); //初始校验
|
that.checkDate().calendar(null, 0, 'init'); //初始校验
|
||||||
that.changeEvent(); //日期切换
|
that.changeEvent(); //日期切换
|
||||||
|
|
||||||
|
@ -670,6 +675,7 @@
|
||||||
typeof options.close === 'function' && options.close(that);
|
typeof options.close === 'function' && options.close(that);
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
lay('.' + ELEM_SHADE).remove();
|
||||||
return that;
|
return that;
|
||||||
};
|
};
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue