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

相关文章
|
10月前
|
JavaScript
vue element plus DateTimePicker 日期时间选择器
vue element plus DateTimePicker 日期时间选择器
254 0
|
10月前
|
JavaScript
vue element plus TimePicker 时间选择器
vue element plus TimePicker 时间选择器
114 0
|
5月前
|
JavaScript 数据可视化 开发者
echart:里面的属性
这段内容介绍了图表配置中的多个关键组件和属性,包括 `xAxis` 和 `yAxis` 的常见属性设置、`grid` 的布局调整、`dataZoom` 的数据缩放功能、`legend` 的图例配置以及颜色配置等。通过这些配置,可以实现图表的自定义显示,如坐标轴类型、数据源、最小值、最大值、刻度间隔、标签样式、线条样式等,同时还能调整图表在 DOM 元素中的大小和位置,以及实现数据的缩放和平滑交互效果。
|
7月前
|
JavaScript 开发者
Element UI & Element Plus之改变表格单元格颜色
这篇文章展示了如何在Element UI和Element Plus框架中使用`:cell-style`属性来根据条件改变表格单元格的颜色。
597 0
Element UI & Element Plus之改变表格单元格颜色
Element中树形控件在项目中的实际应用
这篇文章介绍了Element UI中树形控件的实际应用,包括使用目的、官网组件介绍、组合使用组件案例以及在项目中的具体实现方法和效果展示。
|
8月前
|
JavaScript
element-ui 在vue中el-input输入框的autofocus属性失效【解决方案】
element-ui 在vue中el-input输入框的autofocus属性失效【解决方案】
441 1
|
10月前
element-ui实现表格单选的功能
element-ui实现表格单选的功能
|
10月前
|
JavaScript
uniapp用picker实现自定义三级联动(children)
uniapp用picker实现自定义三级联动(children)
242 0
element-ui和element-plus的自定义列表格用法
element-ui和element-plus的自定义列表格用法
120 0
element的日期选择使用value-format之后表单验证报错
element的日期选择使用value-format之后表单验证报错
250 0