DateTimePicker 日期时间选择器设置默认时间

DateTimePicker 日期时间选择器设置默认时间

default-value属性接受一个数组,第一项为开始时间,第二项为结束时间,时间格式为:“YY-mm-dd HH:mm:ss”。例如:
:default-value = [‘2021-05-06 00:00:00’ , ‘2021-05-07 00:00:00’]

            <el-form-item
                prop="examStartEndTime"
                label="请选择考试时间:"
                label-width="140px"
                required
            >
                <el-date-picker
                    v-model="addBatchData.examStartEndTime"
                    type="datetimerange"
                    range-separator="至"
                    start-placeholder="开始日期"
                    end-placeholder="结束日期"
                    value-format="yyyy/MM/dd HH:mm:ss"
                    :default-value = ['2021-05-06 00:00:00' , '2021-05-07 00:00:00']
                    size="large"
                />
            </el-form-item>

如果要动态改变默认时间的值,请直接往绑定的数组push时间,不能直接赋值,例如

        <el-form-item
            prop="examStartEndTime"
            label="请选择考试时间:"
            label-width="140px"
            required
        >
            <el-date-picker
                v-model="addBatchData.examStartEndTime"
                type="datetimerange"
                range-separator="至"
                start-placeholder="开始日期"
                end-placeholder="结束日期"
                value-format="yyyy/MM/dd HH:mm:ss"
                :default-value = 'defaultTime'
                size="large"
            />
        </el-form-item>
        data(){
			return {
				defaultTime:[],
		    }
	    },
	    created(){
	         //这种写法组件中不会显示默认时间
	       // this.defaultTime[0] = '2021-05-06 00:00:00'  
	       // this.defaultTime[1] = '2021-05-07 00:00:00' 
			//采用push的形式更改数组的值,组件中会显示默认时间
	        this.defaultTime.push( '2021-05-06 00:00:00')  
	        this.defaultTime.push( '2021-05-07 00:00:00') 
	    }
  • 2
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值