<script>
layui.use(function(){
var laydate = layui.laydate;
var util = layui.util;
/*
* 快捷选项
*/
// 日期
laydate.render({
elem: "#ID-laydate-shortcut-date",
shortcuts: [
{
text: "昨天",
value: function(){
var now = new Date();
now.setDate(now.getDate() - 1);
return now;
}()
},
{ text: "今天", value: Date.now() },
{
text: "明天",
value: function(){
var now = new Date();
now.setDate(now.getDate() + 1);
return now;
}()
},
{
text: "上个月",
value: function(){
var now = new Date();
// now.setDate(now.getDate() - 1);
now.setMonth(now.getMonth() - 1);
return [now];
}()
},
{
text: "上个月的前一天",
value: function(){
var now = new Date();
now.setMonth(now.getMonth() - 1);
now.setDate(now.getDate() - 1);
return [now];
}()
},
{
text: "某一天",
value: "2016-10-14"
}
]
});
// 年份
laydate.render({
elem: "#ID-laydate-shortcut-year",
type: "year",
shortcuts: [
{
text: "去年",
value: function(){
var now = new Date();
now.setFullYear(now.getFullYear() - 1);
return now;
}()
},
{
text: "明年",
value: function(){
var now = new Date();
now.setFullYear(now.getFullYear() + 1);
return now;
}()
}
]
});
// 年月
laydate.render({
elem: "#ID-laydate-shortcut-month",
type: "month",
shortcuts: [
{
text: "上个月",
value: function(){
var now = new Date();
now.setMonth(now.getMonth() - 1);
return now;
}()
},
{
text: "下个月",
value: function(){
var now = new Date();
now.setMonth(now.getMonth() + 1);
return now;
}()
},
{
text: "去年12月",
value: function(){
var now = new Date();
now.setMonth(11);
now.setFullYear(now.getFullYear() - 1);
return now;
}()
}
]
});
// 时间
laydate.render({
elem: "#ID-laydate-shortcut-time",
type: "time",
shortcuts: function(){ // 生成 30 分钟间隔的时间列表
var value = [];
var now = new Date();
now.setHours(0, 0, 0, 0);
for (var i = 0; i < 48; i++) {
var nowTemp = now.setMinutes(now.getMinutes() + (i ? 30 : 0));
var nowTimeStr = util.toDateString(nowTemp, "HH:mm:ss");
value.push({
text: nowTimeStr,
value: nowTimeStr
});
}
return value;
}()
});
// 日期时间
laydate.render({
elem: "#ID-laydate-shortcut-datetime",
type: "datetime",
shortcuts: [
{
text: "昨天",
value: function(){
var now = new Date();
now.setDate(now.getDate() - 1);
return now;
}()
},
{ text: "今天", value: Date.now() },
{
text: "明天",
value: function(){
var now = new Date();
now.setDate(now.getDate() + 1);
return now;
}()
},
{
text: "上个月",
value: function(){
var now = new Date();
// now.setDate(now.getDate() - 1);
now.setMonth(now.getMonth() - 1);
return [now];
}()
},
{
text: "上个月的前一天",
value: function(){
var now = new Date();
now.setMonth(now.getMonth() - 1);
now.setDate(now.getDate() - 1);
return [now];
}()
},
{
text: "某一天",
value: "2016-10-14 00:00:00"
}
]
});
// 日期时间全面板
laydate.render({
elem: "#ID-laydate-shortcut-datetime-fullPanel",
type: "datetime",
fullPanel: true,
shortcuts: [
{
text: "昨天",
value: function(){
var now = new Date();
now.setDate(now.getDate() - 1);
return now;
}()
},
{ text: "今天", value: Date.now() },
{
text: "明天",
value: function(){
var now = new Date();
now.setDate(now.getDate() + 1);
return now;
}()
},
{
text: "上个月",
value: function(){
var now = new Date();
// now.setDate(now.getDate() - 1);
now.setMonth(now.getMonth() - 1);
return [now];
}()
},
{
text: "上个月的前一天",
value: function(){
var now = new Date();
now.setMonth(now.getMonth() - 1);
now.setDate(now.getDate() - 1);
return [now];
}()
},
{
text: "某一天",
value: "2016-10-14 11:32:32"
}
]
});
// 日期范围
laydate.render({
elem: "#ID-laydate-shortcut-range-date",
range: true,
shortcuts: [
{
text: "上个月",
value: function(){
var value = [];
var date1 = new Date();
date1.setMonth(date1.getMonth() - 1);
date1.setDate(1);
date1.setHours(0, 0, 0, 0);
value.push(date1);
var date2 = new Date();
date2.setDate(1);
date2.setHours(0, 0, 0, 0);
date2 = date2.getTime() - 1;
value.push(new Date(date2));
return value;
}()
},
{
text: "这个月",
value: function(){
var value = [];
var date1 = new Date();
// date1.setMonth(date1.getMonth() - 1);
date1.setDate(1);
date1.setHours(0, 0, 0, 0);
value.push(date1);
var date2 = new Date();
date2.setMonth(date2.getMonth() + 1);
date2.setDate(1);
date2.setHours(0, 0, 0, 0);
date2 = date2.getTime() - 1;
value.push(new Date(date2));
return value;
}()
},
{
text: "下个月",
value: function(){
var value = [];
var date1 = new Date();
date1.setMonth(date1.getMonth() + 1);
date1.setDate(1);
date1.setHours(0, 0, 0, 0);
value.push(date1);
var date2 = new Date();
date2.setMonth(date2.getMonth() + 2);
date2.setDate(1);
date2.setHours(0, 0, 0, 0);
date2 = date2.getTime() - 1;
value.push(new Date(date2));
return value;
}()
}
]
});
// 年份范围
laydate.render({
elem: "#ID-laydate-shortcut-range-year",
type: "year",
range: true,
shortcuts: [
{
text: "过去一年",
value: function(){
var now = new Date();
now.setFullYear(now.getFullYear() - 1);
return [now, new Date()];
}()
},
{
text: "未来一年",
value: function(){
var now = new Date();
now.setFullYear(now.getFullYear() + 1);
return [new Date(), now];
}()
},
{
text: "近三年",
value: function(){
var now = new Date();
now.setFullYear(now.getFullYear() - 3);
return [now, new Date()];
}()
}
]
});
// 年月范围
laydate.render({
elem: "#ID-laydate-shortcut-range-month",
type: "month",
range: true,
shortcuts: [
{
text: "去年",
value: function(){
var date1 = new Date();
date1.setFullYear(date1.getFullYear() - 1, 0, 1);
date1.setHours(0, 0, 0, 0);
var date2 = new Date();
date2.setMonth(0, 1);
date2.setHours(0, 0, 0, 0);
return [date1, date2.getTime() - 1];
}()
},
{
text: "明年",
value: function(){
var now = new Date();
now.setFullYear(now.getFullYear() + 1);
return [now, now];
}()
},
{
text: "近三年",
value: function(){
var now = new Date();
now.setFullYear(now.getFullYear() - 3);
return [now, new Date()];
}()
}
]
});
// 时间范围
laydate.render({
elem: "#ID-laydate-shortcut-range-time",
type: "time",
range: true,
shortcuts: [
{
text: '09:30
到
11:30',
value: (function () {
var date1 = new Date();
date1.setHours(9, 0, 0, 0);
var date2 = new Date();
date2.setHours(11, 30, 0, 0);
return [date1, date2];
})()
},
{
text: '13:00
到
15:00',
value: (function () {
var date1 = new Date();
date1.setHours(13, 0, 0, 0);
var date2 = new Date();
date2.setHours(15, 0, 0, 0);
return [date1, date2];
})()
}
]
});
// 日期时间范围
laydate.render({
elem: "#ID-laydate-shortcut-range-datetime",
type: "datetime",
range: true,
shortcuts: [
{
text: "上个月",
value: function(){
var value = [];
var date1 = new Date();
date1.setMonth(date1.getMonth() - 1);
date1.setDate(1);
date1.setHours(0, 0, 0, 0);
value.push(date1);
var date2 = new Date();
date2.setDate(1);
date2.setHours(0, 0, 0, 0);
date2 = date2.getTime() - 1;
value.push(new Date(date2));
return value;
}()
},
{
text: "这个月",
value: function(){
var value = [];
var date1 = new Date();
// date1.setMonth(date1.getMonth() - 1);
date1.setDate(1);
date1.setHours(0, 0, 0, 0);
value.push(date1);
var date2 = new Date();
date2.setMonth(date2.getMonth() + 1);
date2.setDate(1);
date2.setHours(0, 0, 0, 0);
date2 = date2.getTime() - 1;
value.push(new Date(date2));
return value;
}()
},
{
text: "下个月",
value: function(){
var value = [];
var date1 = new Date();
date1.setMonth(date1.getMonth() + 1);
date1.setDate(1);
date1.setHours(0, 0, 0, 0);
value.push(date1);
var date2 = new Date();
date2.setMonth(date2.getMonth() + 2);
date2.setDate(1);
date2.setHours(0, 0, 0, 0);
date2 = date2.getTime() - 1;
value.push(new Date(date2));
return value;
}()
}
]
});
});
</script>
