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日期只选择年月不要日
1882 0
|
JavaScript
vue element plus DatePicker 日期选择器
vue element plus DatePicker 日期选择器
1072 0
|
JavaScript
cnpm安装淘宝镜像
cnpm安装淘宝镜像
element-使用el-date-picker 选择日期后返回周几(整理)
element-使用el-date-picker 选择日期后返回周几(整理)
vue3 element-plus 实现表格数据更改功能
在 vue3 中使用 element-plus 实现表格数据更改功能,可以通过以下步骤实现:
1684 0
element el-cascader动态编辑赋值后,不回显的解决方法(整理)
element el-cascader动态编辑赋值后,不回显的解决方法(整理)
|
9月前
|
存储 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; 格式,便于存储与处理。
1427 0
|
JavaScript
VUE element-ui之el-tree树形控件勾选节点指定节点自动勾选(指定节点为必选项)
VUE element-ui之el-tree树形控件勾选节点指定节点自动勾选(指定节点为必选项)
2170 0
VUE element-ui之el-tree树形控件勾选节点指定节点自动勾选(指定节点为必选项)
Vue3 父组件调用子组件方法($refs 在setup()、<script setup> 中使用)
Vue3 父组件调用子组件方法($refs 在setup()、<script setup> 中使用)
2734 0
|
前端开发
成功解决:如何使element中输入框颜色改变,以及如何解决使用/deep/ 出现警告信息问题
这篇文章讲述了如何在Element UI中改变输入框的背景颜色,以及如何解决使用深度选择器`/deep/`时出现的警告信息问题。文章提供了使用深度选择器修改背景颜色的CSS代码示例,展示了修改效果,并解释了如何通过在`/deep/`前加`div`或使用`::v-deep`来解决出现的红色波浪线警告问题。
成功解决:如何使element中输入框颜色改变,以及如何解决使用/deep/ 出现警告信息问题

热门文章

最新文章