900字范文,内容丰富有趣,生活中的好帮手!
900字范文 > DateTimePicker 日期时间选择器设置默认时间

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

时间:2020-12-02 14:52:36

相关推荐

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

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

default-value属性接受一个数组,第一项为开始时间,第二项为结束时间,时间格式为:“YY-mm-dd HH:mm:ss”。例如:

:default-value = [‘-05-06 00:00:00’ , ‘-05-07 00:00:00’]

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

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

<el-form-itemprop="examStartEndTime"label="请选择考试时间:"label-width="140px"required><el-date-pickerv-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] = '-05-06 00:00:00' // this.defaultTime[1] = '-05-07 00:00:00' //采用push的形式更改数组的值,组件中会显示默认时间this.defaultTime.push( '-05-06 00:00:00') this.defaultTime.push( '-05-07 00:00:00') }

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。