ElementUI的时间组件的使用(DateTimePicker)

原创

流年Felix

修改于 2023-05-22 09:43:22

6710

修改于 2023-05-22 09:43:22

最近在写接口自动化平台的用户保存页面遇到了一些问题，我用的是ElementUI的DateTimePicker组件，数据库保存的格式是yyyy-MM-dd HH:mm:ss，接口返回给前端的也是yyyy-MM-dd HH:mm:ss这种日期格式，但是我发现保存的时候前端传给后端的不是这种格式，而是Date格式的 createTime: "2023-05-22T01:03:22.000Z"，导致/user/save抛异常。

后面我在网上搜了一下，解决方法也简单：

给组件绑定value-format："yyyy-MM-dd HH:mm:ss"
再给组件绑定change时间，比如@change="getCreateTime"
getCreateTime方法如下

 getCreateTime(val) {
      this.user.createTime = val
 }

组件如下：

 <el-form-item label="创建时间:">
      <el-date-picker
        v-model="user.createTime"
        type="datetime"
        size="mini"
        placeholder="选择日期时间"
        format="yyyy-MM-dd HH:mm:ss"
        value-format="yyyy-MM-dd HH:mm:ss"
        @change="getCreateTime"
      />
 </el-form-item>