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" 即可

相关文章
|
8月前
|
JavaScript
vue element plus DateTimePicker 日期时间选择器
vue element plus DateTimePicker 日期时间选择器
211 0
|
JavaScript 前端开发
使用 JavaScript 中的 document 对象的属性,根据下拉框中选择的属性,更改页面中的字体颜色和背景颜色
使用 JavaScript 中的 document 对象的属性,根据下拉框中选择的属性,更改页面中的字体颜色和背景颜色
686 0
使用 JavaScript 中的 document 对象的属性,根据下拉框中选择的属性,更改页面中的字体颜色和背景颜色
|
3月前
|
API UED 容器
深入探索 Element UI:自定义滚动条与弹出层管理的技巧
在这篇博客中,我们将深入探讨 Element UI 中的自定义滚动条及弹出层管理技巧。文章详细介绍了 el-scrollbar 组件的使用和参数设置,以及 PopupManager 如何有效管理弹出层的 z-index。我们还将探讨如何实现灵活的全屏组件,利用 vue-popper 创建自定义弹出层,最后介绍 ClickOutside 指令的用法。这些高级技巧将帮助你提升 Element UI 应用程序的用户体验与交互灵活性。
336 1
深入探索 Element UI:自定义滚动条与弹出层管理的技巧
|
5月前
|
JavaScript 开发者
Element UI & Element Plus之改变表格单元格颜色
这篇文章展示了如何在Element UI和Element Plus框架中使用`:cell-style`属性来根据条件改变表格单元格的颜色。
487 0
Element UI & Element Plus之改变表格单元格颜色
Element中树形控件在项目中的实际应用
这篇文章介绍了Element UI中树形控件的实际应用,包括使用目的、官网组件介绍、组合使用组件案例以及在项目中的具体实现方法和效果展示。
|
6月前
|
容器
Element UI 自定义环形进度条里的内容
Element UI 自定义环形进度条里的内容
236 2
|
8月前
element-ui实现表格单选的功能
element-ui实现表格单选的功能
element-ui和element-plus的自定义列表格用法
element-ui和element-plus的自定义列表格用法
105 0
element的日期选择使用value-format之后表单验证报错
element的日期选择使用value-format之后表单验证报错
214 0
|
数据可视化 JavaScript
element-plus 树形控件用法
element-plus 树形控件是一种常用的可视化组件,可以展示树型结构的数据。以下是 element-plus 树形控件的用法。
583 0

热门文章

最新文章