【JS】element el-date-picker 插件默认时间属性default-value怎么赋值？

Z时代
2024-01-10
分类：技术分享

data属性：

这样并不会有默认的初始值，求解惑！

回答

要用数组，装两个值

就直接给el-date-picker的v-model赋值就行不用这个default-value 赋值代码
var now = new Date();
var startDate = new Date(Date.UTC(now.getFullYear(), now.getMonth(), now.getDate())).toISOString().slice(0, 10);
var endDate = new Date(Date.UTC(now.getFullYear(), now.getMonth(), now.getDate()+1)).toISOString().slice(0, 10);
this.date=[];
this.date.push(startDate)
this.date.push(endDate)

为何没人回答这个问题？太简单了么？

默认值，你放到 v-model里面就好。

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号
    }}

ps：仔细看手册，写的很清楚的其实。
http://element.eleme.io/#/zh-...

楼主你解决了吗，我也遇到了这个问题，可是我的v-model是从父组件传过来的，所以不会带有初始值，所以我想利用default-value这个默认初始值，咋弄啊

版本：1.3.7以上才有default-value属性

具体写法可以看下官方github提供的demo: 链接描述

看了一下你的需求和我这边近期的一个需求很像，element官方的文档里说了 new Date()获取时间，确实是这个样子，但是要在获取之后做一些处理，其实很简单

export default {
 data() {
        let showDate =new Date();
        let seperator ='-';
        let year = showDate.getFullYear();
        let month = showDate.getMonth() + 1;
        let day =showDate.getDate();
        var strDate = showDate.getDate();
        if (month >= 1 && month <= 9) {
            month = "0" + month;
        }
        if (strDate >= 0 && strDate <= 9) {
            strDate = "0" + strDate;
        }
        let currentdate = year + seperator + month + seperator + strDate;
      return {
        TimeSpace: [currentdate,currentdate],//时间区间
        }
     }   }