Element Plus 日期选择器的使用和属性

简介: Element Plus 日期选择器的使用和属性

element plus 日期选择器如果如果没有进行处理 他会返回原有的属性值data格式

如果想要获取选中的日期时间就需要通过以下的代码来实现选中的值

format="YYYY/MM/DD"

value-format="YYYY-MM-DD"

<el-date-picker
    v-model="formInline.date" 
    type="date" 
    placeholder="选择查找日期"
    value-format="YYYY-MM-DD"
    format="YYYY/MM/DD" clearable
/>

看一下加上后的效果:

这个组件还能转换为时间戳的方式,也是需要更改 value-format属性。将value-format属性改为:value-format="x" 即可

相关文章
Echarts组件tooltip提示框formatter函数返回的HTML样式解决方案
Echarts组件tooltip提示框formatter函数返回的HTML样式解决方案
362 0
|
JavaScript 前端开发
使用 JavaScript 中的 document 对象的属性,根据下拉框中选择的属性,更改页面中的字体颜色和背景颜色
使用 JavaScript 中的 document 对象的属性,根据下拉框中选择的属性,更改页面中的字体颜色和背景颜色
675 0
使用 JavaScript 中的 document 对象的属性,根据下拉框中选择的属性,更改页面中的字体颜色和背景颜色
Element中树形控件在项目中的实际应用
这篇文章介绍了Element UI中树形控件的实际应用,包括使用目的、官网组件介绍、组合使用组件案例以及在项目中的具体实现方法和效果展示。
|
4月前
|
容器
Element UI 自定义环形进度条里的内容
Element UI 自定义环形进度条里的内容
198 2
element-ui和element-plus的自定义列表格用法
element-ui和element-plus的自定义列表格用法
83 0
element的日期选择使用value-format之后表单验证报错
element的日期选择使用value-format之后表单验证报错
183 0
|
数据可视化 JavaScript
element-plus 树形控件用法
element-plus 树形控件是一种常用的可视化组件,可以展示树型结构的数据。以下是 element-plus 树形控件的用法。
553 0
|
JavaScript
关于Element-Ui 时间范围选择器DatePicker禁用范围日期问题
饿了么组件库的[DatePicker](https://element.eleme.cn/#/zh-CN/component/date-picker) 日期范围选择,
|
数据安全/隐私保护 索引
element-ui库的表单元素的总结
element-ui库的表单元素的总结
294 0
|
JavaScript
DOM对象中的常用属性(innerHTML属性,innerText属性,className属性,style属性)
DOM对象中的常用属性(innerHTML属性,innerText属性,className属性,style属性)
DOM对象中的常用属性(innerHTML属性,innerText属性,className属性,style属性)