利用element-ui中el-date-picker设置时间组件,如何优化快捷键内容,禁掉今日之后的时间所有时间,下面web建站小编给大家详细介绍一下具体代码!
代码如下:
pickerOptions: {
//时间快捷键
shortcuts: [{
text: "昨天",
onClick(picker) {
const end = new Date();
const start = new Date();
start.setTime(start.getTime() - 3600 * 1000 * 24 * 1);
end.setTime(end.getTime() - 3600 * 1000 * 24 * 1);
picker.$emit("pick", [start, end]);
}
},
{
text: "前天",
onClick(picker) {
const end = new Date();
const start = new Date();
start.setTime(start.getTime() - 3600 * 1000 * 24 * 2);
end.setTime(end.getTime() - 3600 * 1000 * 24 * 2);
picker.$emit("pick", [start, end]);
}
},
{
text: "近一周",
onClick(picker) {
const end = new Date();
const start = new Date();
start.setTime(start.getTime() - 3600 * 1000 * 24 * 7);
picker.$emit("pick", [start, end]);
}
},
{
text: "近一个月",
onClick(picker) {
const end = new Date();
const start = new Date();
start.setTime(start.getTime() - 3600 * 1000 * 24 * 30);
picker.$emit("pick", [start, end]);
}
},
{
text: "近三个月",
onClick(picker) {
const end = new Date();
const start = new Date();
start.setTime(start.getTime() - 3600 * 1000 * 24 * 90);
picker.$emit("pick", [start, end]);
}
},
{
text: "近半年",
onClick(picker) {
const end = new Date();
const start = new Date();
start.setTime(start.getTime() - 3600 * 1000 * 24 * 180);
picker.$emit("pick", [start, end]);
}
},
{
text: "近一年",
onClick(picker) {
const end = new Date();
const start = new Date();
start.setTime(start.getTime() - 3600 * 1000 * 24 * 365);
picker.$emit("pick", [start, end]);
}
}],
//禁掉今日之后的时间
disabledDate(time) {
return time.getTime() > Date.now();
}
},
el-date-picker时间选择器默认时间为前7天(15天)
修改element-ui源码兼容el-date-picker支持年区间选择
element-ui时间组件el-date-picker用x清空后报错解决方法
el-date-picker区间时间可输入(外面输入框禁止输入,弹窗框可输入)
上面是“el-date-picker默认快捷键代码(禁掉今日之后的时间)”的全面内容,想了解更多关于 vuejs 内容,请继续关注web建站教程。
当前网址:https://ipkd.cn/webs_3933.html
workflows工作流
1个可爱的白色短发女孩
一个破旧的工厂,一个骷髅雕像
一座千年九尾白狐玉雕ComfyUI工作流
一座精致透明的白瓷人物雕塑comfyui工作流
一辆机器人虎狮高端混合动力车ComfyUI工作流
一朵染血的白玫瑰ComfyUI工作流
晚上樱花狐狸ComfyUI工作流
雪地里一只可爱的小老虎
猜你喜欢
声明:本站提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请发送到邮箱:admin@ipkd.cn,我们会在看到邮件的第一时间内为您处理!

利用html5+css3实现滚雪球效果(附代码)
制作一个好玩的倒计时
HTML5 Canvas 刻度尺
3d空间行走效果
黑客入侵效果代码
jquery做一个漂亮挂墙动态时钟
2023年程序猿如何给自己开启一场烟花盛会
纯CSS饼图效果







