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

.星空.

已于 2023-07-29 11:05:47 修改

阅读量4.1k

点赞数 5

文章标签： vue.js 前端

于 2023-05-05 09:42:33 首次发布

本文链接：https://blog.csdn.net/m0_72759446/article/details/130499622

版权

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"
          />