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

解决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 )

日期格式化参考：
https://day.js.org/docs/en/display/format