【前端】使用element时间选择器el-date-picker赋值无效解决方式

解决element时间选择器el-date-picker赋值无效解决方式value-format设定格式是 YYYY/M/D ，那么月份和日期分别是1-12、1-31<el-date-pickerv-model="operateDate"type="daterange"range-separator="To"start-placeholder="Start date"end-placehol

一筐大白菜啊

9325人浏览 · 2022-04-21 13:33:21

一筐大白菜啊 · 2022-04-21 13:33:21 发布

解决element时间选择器el-date-picker赋值无效解决方式

value-format设定格式是 YYYY/M/D ，那么月份和日期分别是1-12、1-31

<el-date-picker
       v-model="operateDate"
       type="daterange"
       range-separator="To"
       start-placeholder="Start date"
       end-placeholder="End date"
       editable
       value-format="YYYY/M/D"
/>

this.operateDate = ["2022/1/1", "2022/1/31"];

如果格式是 YYYY/MM/DD ，那么月份和日期分别是01-12、01-31

<el-date-picker
       v-model="operateDate"
       type="daterange"
       range-separator="To"
       start-placeholder="Start date"
       end-placeholder="End date"
       editable
       value-format="YYYY/MM/DD"
/>

赋值

//
this.operateDate = ["2022/05/01", "2022/05/31"];

List of all available formats

Format	Output	Description
`YY`	18	Two-digit year
`YYYY`	2018	Four-digit year
`M`	1-12	The month, beginning at 1
`MM`	01-12	The month, 2-digits
`MMM`	Jan-Dec	The abbreviated month name
`MMMM`	January-December	The full month name
`D`	1-31	The day of the month
`DD`	01-31	The day of the month, 2-digits
`d`	0-6	The day of the week, with Sunday as 0
`dd`	Su-Sa	The min name of the day of the week
`ddd`	Sun-Sat	The short name of the day of the week
`dddd`	Sunday-Saturday	The name of the day of the week
`H`	0-23	The hour
`HH`	00-23	The hour, 2-digits
`h`	1-12	The hour, 12-hour clock
`hh`	01-12	The hour, 12-hour clock, 2-digits
`m`	0-59	The minute
`mm`	00-59	The minute, 2-digits
`s`	0-59	The second
`ss`	00-59	The second, 2-digits
`SSS`	000-999	The millisecond, 3-digits
`Z`	+05:00	The offset from UTC, ±HH:mm
`ZZ`	+0500	The offset from UTC, ±HHmm
`A`	AM PM
`a`	am pm
...	...	Other formats ( dependent `AdvancedFormat` plugin )