利用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工作流
懂王特朗普3d漫画ComfyUI工作流
一只白色的孔雀ComfyUI工作流
在月球上穿着太空服的宇航员
一座精致透明的白瓷人物雕塑comfyui工作流
在白雪覆盖的广阔平原上两只可爱的小猫
一位24岁的金发女海盗ComfyUI工作流
一只穿着黑色蝴蝶结西装可爱橙色小猫
森林里有一个皮肤像抛光黑曜石的生物
猜你喜欢
声明:本站提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请发送到邮箱:admin@ipkd.cn,我们会在看到邮件的第一时间内为您处理!

用ascii字符画图像
css3画弹珠,可以滚动!
用svg画出游泳池动画效果
自动打字效果(惊喜在后面)
css3做一个风雨雷电天气动态图标
html5如何3D立方体旋转特效
3D立体人物效果











