<el-date-picker
type="daterange"
v-model="date"
value-format="yyyy-MM-dd"
:picker-options="pickerOption"
></el-date-picker>
data(){
return {
pickerOption:{
disableDate(time) {
// 今天之后不能选
return time.getTime() > Date.now();
},
shortcut: [
{
text: "今天",
onClick(picker) {
const date = new Date();
picker.$emit("pick",[date,date]);
}
},
{
text: "昨天",
onClick(picker) {
const start = new Date();
const end = new Date();
start.setTime(start.getTime() - 3600 * 1000 * 24);
picker.$emit("pick",[start,end]);
}
},
{
text: "近七天,包含今天",
onClick(picker) {
const start = new Date();
const end = new Date();
start.setTime(start.getTime() - 3600 * 1000 * 24 * 7);
picker.$emit("pick",[start,end]);
}
},
{
text: "周一到今天,包含今天",
onClick(picker) {
const start = new Date();
const end = new Date();
const mius = start.getDay() ? start.getDay() - 1 : 6;
start.setTime(start.getTime() - 3600 * 1000 * 24 * mius);
picker.$emit("pick",[start,end]);
}
},
{
text: "近30天包含今天",
onClick(picker) {
const start = new Date();
const end = new Date();
start.setTime(start.getTime() - 3600 * 1000 * 24 * 30);
picker.$emit("pick",[start,end]);
}
},
{
text: "本月1号到今天,包含今天",
onClick(picker) {
const start = new Date();
const end = new Date();
const date = new Date().getDate() - 1;
start.setTime(start.getTime() - 3600 * 1000 * 24 * date);
picker.$emit("pick",[start,end]);
}
},
{
text: "今年1.1到今天,包含今天)",
onClick(picker) {
const start = new Date();
const end = new Date();
const date = new Date();
date.setDate(1);
date.setMonth(0);
start.setTime(date);
picker.$emit("pick",[start,end]);
}
},
]
}
}
}
js 常用日期计算(element-UI 日期计算)
最新推荐文章于 2023-10-25 10:31:29 发布