利用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工作流
一张严重受损的宇宙飞船的照片ComfyUI工作流
水晶玉雕巨龙ComfyUI工作流
一张超现实主义美女照片ComfyUI工作流
ai图片扩大comfyui工作流
森林里坐着一个外星人ComfyUI工作流
一张科幻照片,火星车在沙漠里ComfyUI工作流
一只张大嘴巴露出锋利的牙齿正在咆哮的雪豹
一架受损严重的宇宙飞船内有一只猫
猜你喜欢
声明:本站提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请发送到邮箱:admin@ipkd.cn,我们会在看到邮件的第一时间内为您处理!

数字滚动效果(兼容IE6/IE8)
js导出excel插件(兼容mac电脑Numbers表格)
一个包含老黄历、佛历、道历、星宿等数据的日历网站
在线生成金属文字
iframe开发admin后台
css3画弹珠,可以滚动!
3d文字动画效果
canvas经线动画走到效果







