1.修复 页面多个日期控制时无法独立显示格式问题

2.新增 日期控件增加选定回调功能、增加控制按键自定义功能
3.新增 控制通过扩展属性data-btn、data-callback实现功能自定义
dep_wangsr
chenw 6 years ago committed by Limy
parent 0e589b9370
commit 7c32588556

@ -69,24 +69,49 @@ $(function() {
} }
// laydate time-input 时间控件绑定 // laydate time-input 时间控件绑定
if ($(".time-input").length > 0) { if ($(".time-input").length > 0) {
layui.use('laydate', function() { layui.use('laydate', function () {
var laydate = layui.laydate; var com = layui.laydate;
var times = $(".time-input"); $(".time-input").each(function (index, item) {
var time = $(item);
// 控制控件外观 // 控制控件外观
var type = times.attr("data-type") || 'date'; var type = time.attr("data-type") || 'date';
// 控制回显格式 // 控制回显格式
var format = times.attr("data-format") || 'yyyy-MM-dd'; var format = time.attr("data-format") || 'yyyy-MM-dd';
for (var i = 0; i < times.length; i++) { // 控制日期控件按钮
var time = times[i]; var buttons = time.attr("data-btn") || 'clear|now|confirm', newBtnArr = [];
laydate.render({ // 日期控件选择完成后回调处理
elem: time, var callback = time.attr("data-callback") || {};
if (buttons) {
if (buttons.indexOf("|") > 0) {
var btnArr = buttons.split("|"), btnLen = btnArr.length;
for (var j = 0; j < btnLen; j++) {
if ("clear" === btnArr[j] || "now" === btnArr[j] || "confirm" === btnArr[j]) {
newBtnArr.push(btnArr[j]);
}
}
} else {
if ("clear" === buttons || "now" === buttons || "confirm" === buttons) {
newBtnArr.push(buttons);
}
}
} else {
newBtnArr = ['clear', 'now', 'confirm'];
}
com.render({
elem: item,
theme: 'molv', theme: 'molv',
trigger: 'click', trigger: 'click',
type: type, type: type,
format: format, format: format,
done: function(value, date) {} btns: newBtnArr,
}); done: function (value, data) {
if (typeof window[callback] != 'undefined'
&& window[callback] instanceof Function) {
window[callback](value, data);
} }
}
});
});
}); });
} }
// tree 关键字搜索绑定 // tree 关键字搜索绑定

Loading…
Cancel
Save