element el-date-picker 插件默认时间属性default-value怎么赋值
代码如下：
<el-date-picker
v-model="pickerDate"
type="daterange"
range-separator="至"
start-placeholder="开始日期"
:picker-options="pickerBeginDateBefore"
:default-value="timeDefaultShow"
end-placeholder="结束日期"
size="small"
class="margin-right-10">
</el-date-picker>
data() {
return {
pickerBeginDateBefore:{
disabledDate(time) {
return time.getTime() > Date.now();
}
},
timeDefaultShow:'',
}
}
在created或mounted（也就是页面第一次加载时）更新timeDefaultShow:
上个月的当前日期为默认值：
that.timeDefaultShow = new Date();
that.timeDefaultShow.setMonth(new Date().getMonth() - 1);
扩展资料：
default-value是设置当前日期默认值的。"timeDefaultShow"是在data里面的值，而不是方法。
获取Element 中时间组件el-date-picker的时间：
<el-date-picker
v-model="myTime"
type="datetime"
format="yyyy-MM-ddHH:mm:ss"
value-format="yyyy-MM-ddHH:mm:ss"
placeholder="选择日期">
</el-date-picker>
js代码：
data(){
return{
myTime :null
}},methods:{
logMyDateTime{
console.log(myTime );
}}
v-model="time"
data(){
return {
time:new Date('2022-10-19')
}
}
手册里面说的 default-value,是当你聚焦，日历打开以后默认显示的时间。
比如：你把v-model去掉，然后换成 default-value
:default-value="timeDefaultShow"
data(){
return {
timeDefaultShow:new Date('2022-10-23') //在没有v-model的情况下，默认展示出来的日历时间是 23号
}
}
v-model="goTime"
placeholder="选择时间范围">
</el-time-picker>
goTime: [ new Date(0, 0), new Date(0, 0)],
