【前端】使用element时间选择器el-date-picker赋值无效解决方式
element
A Vue.js 2.0 UI Toolkit for Web
项目地址:https://gitcode.com/gh_mirrors/eleme/element
免费下载资源
·
解决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
GitHub 加速计划 / eleme / element
10
1
下载
A Vue.js 2.0 UI Toolkit for Web
最近提交(Master分支:4 个月前 )
c345bb45
8 个月前
a07f3a59
* Update transition.md
* Update table.md
* Update transition.md
* Update table.md
* Update transition.md
* Update table.md
* Update table.md
* Update transition.md
* Update popover.md 8 个月前
更多推荐
已为社区贡献5条内容
所有评论(0)