Element Plus 日期选择器 获取选中的日期的格式(当前日期/时间戳格式)

简介: Element Plus 日期选择器 获取选中的日期的格式(当前日期/时间戳格式)

Element Plus的日期选择器如果没有进行处理,就会返回data格式:

1.转换为选中的日期

如果想要获取选中的日期时间就需要通过,Element Plus 日期选择器 format属性和value-format属性。format指定输入框的格式。 value-format 指定绑定值的格式。

为日期选择器添加下面的代码,那么获取的值就会变成你选中的日期

format="YYYY/MM/DD"

value-format="YYYY-MM-DD"

  <el-date-picker
        v-model="value"
        type="date"
        placeholder="请选择时间"
        format="YYYY/MM/DD"
        value-format="YYYY-MM-DD"
      />

效果图:

2.转换为时间戳格式

如果想要转换为时间戳格式,也是需要更改 value-format属性。将value-format属性改为:

value-format="x" 即可。

代码:

<el-date-picker
        v-model="value"
        type="date"
        placeholder="请选择时间"
        format="YYYY/MM/DD"
        value-format="x"
          />

效果图:

目录
相关文章
element-plus:el-date-picker日期只选择年月不要日
element-plus:el-date-picker日期只选择年月不要日
2087 0
element-使用el-date-picker 选择日期后返回周几(整理)
element-使用el-date-picker 选择日期后返回周几(整理)
|
JavaScript
cnpm安装淘宝镜像
cnpm安装淘宝镜像
element el-cascader动态编辑赋值后,不回显的解决方法(整理)
element el-cascader动态编辑赋值后,不回显的解决方法(整理)
|
JavaScript
VUE element-ui之el-tree树形控件勾选节点指定节点自动勾选(指定节点为必选项)
VUE element-ui之el-tree树形控件勾选节点指定节点自动勾选(指定节点为必选项)
2260 0
VUE element-ui之el-tree树形控件勾选节点指定节点自动勾选(指定节点为必选项)
|
12月前
|
存储 JavaScript 前端开发
element ui <el-date-picker> 设置展示当前月
在 Element UI 中,使用 `el-date-picker` 的 `value-format` 属性可将日期值格式化为指定字符串。设置 `type=&quot;month&quot;` 时,绑定值默认为 Date 对象,通过 `value-format=&quot;yyyy-MM&quot;` 可将其转为如 &quot;2023-05&quot; 格式,便于存储与处理。
1560 0
Vue3 父组件调用子组件方法($refs 在setup()、<script setup> 中使用)
Vue3 父组件调用子组件方法($refs 在setup()、<script setup> 中使用)
2901 0
|
前端开发
成功解决:如何使element中输入框颜色改变,以及如何解决使用/deep/ 出现警告信息问题
这篇文章讲述了如何在Element UI中改变输入框的背景颜色,以及如何解决使用深度选择器`/deep/`时出现的警告信息问题。文章提供了使用深度选择器修改背景颜色的CSS代码示例,展示了修改效果,并解释了如何通过在`/deep/`前加`div`或使用`::v-deep`来解决出现的红色波浪线警告问题。
成功解决:如何使element中输入框颜色改变,以及如何解决使用/deep/ 出现警告信息问题
|
API
Vue3组件通信全解析:利用props、emit、provide/inject跨层级传递数据,expose与ref实现父子组件方法调用
Vue3组件通信全解析:利用props、emit、provide/inject跨层级传递数据,expose与ref实现父子组件方法调用
4789 0

热门文章

最新文章