element ui获取日期选择器DatePicker选中的时间
element
A Vue.js 2.0 UI Toolkit for Web
项目地址:https://gitcode.com/gh_mirrors/eleme/element
·
1. 问题描述
- 日期选择器示例
<el-date-picker
v-model="valueTime"
type="daterange"
range-separator="至"
start-placeholder="开始日期"
end-placeholder="结束日期">
</el-date-picker>
输出:
- 选择日期后:

此时控制台打印日期:
console.log(this.valueTime);
结果为:

2. 解决
使用element UI中的日期选择器的value-format属性,如图:
<el-date-picker
v-model="valueTime"
type="daterange"
range-separator="——"
value-format='yyyy-MM-dd'
start-placeholder="开始日期"
end-placeholder="结束日期">
</el-date-picker>
此时输出:
A Vue.js 2.0 UI Toolkit for Web
最近提交(Master分支:3 个月前 )
c345bb45
1 年前
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 1 年前
AtomGit 是由开放原子开源基金会联合 CSDN 等生态伙伴共同推出的新一代开源与人工智能协作平台。平台坚持“开放、中立、公益”的理念,把代码托管、模型共享、数据集托管、智能体开发体验和算力服务整合在一起,为开发者提供从开发、训练到部署的一站式体验。
更多推荐


所有评论(0)