elementui日期选择器默认当前日的时间

最新推荐文章于 2024-07-07 16:58:33 发布

瑞比ya

最新推荐文章于 2024-07-07 16:58:33 发布

阅读量8k

点赞数 1

分类专栏：笔记

本文链接：https://blog.csdn.net/weixin_46554787/article/details/110220630

版权

笔记专栏收录该内容

11 篇文章 1 订阅

订阅专栏

1、elementui日期选择器默认当前日的时间
<el-date-picker
v-model="dayValue"
type=“date”
size=“small”
format=“yyyy-MM-dd”
value-format=“yyyy-MM-dd”
:editable=“false”
@input=“immediUpdate”
>
//在data中定义一个空时间
dayValue:"";
//methods中定义方法
getdayValue(){
this.dayValue = new Date()
}
//在生命周期中对方法进行调用
mounted(){
this.getdayValue()
}
2、elementui日期选择器默认当前月的时间
<el-date-picker
v-model=“monthValue”
type=“month”
format=“yyyy-MM”
value-format=“yyyy-MM”
:editable=“false”
@input=“immediUpdate”
>
//在data中定义一个空时间
monthValue:"";
//methods中定义方法
getmonthValue(){
var data = new Date()
var year = data.getFullYear();
var month = data.getMonth();
var toMonth = year + ‘-’ + (month + 1)
this.monthValue = toMonth
}
//在生命周期中对方法进行调用
mounted(){
this.getdayValue()
}
2、elementui日期选择器默认当前年的时间
<el-date-picker
v-model=“yearValue”
type=“year”
format=“yyyy”
value-format=“yyyy”
:editable=“false”
@input=“immediUpdate”
>
//在data中定义一个空时间
yearValue:’’;
//methods中定义方法
getyearValue(){
var year = new Date().getFullYear()+’’;
this.yearValue = year;
}