element el-date-picker 插件默认时间属性default-value怎么赋值?

data属性:

clipboard.png

clipboard.png

这样并不会有默认的初始值,求解惑!

阅读 34.8k
6 个回答

要用数组,装两个值

新手上路,请多包涵

就直接给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],//时间区间
        }
     }
   }

这是时间区间形式的,放在一个数组中,若是分为开始时间和结束时间的话就是对应start_time:currentdate,end_time:currentdate,希望可以帮助到你

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题
宣传栏