element-ui 日期选择器用value-format 带上“HH:mm:ss”的时候报错

niceLiuSir2024-08-31 14:45

1. 想用 element-ui 日期选择器取出 "yyyy-MM-dd HH:mm:ss" 格式的日期时间数据。

2. 用 value-format 带上"HH:mm:ss"的时候报错。

HTML 复制代码

<el-form-item prop="time" label="结算时间：">
     <el-date-picker v-model="settleDO.time" type="datetime" value-format="yyyy-MM-dd HH:mm:ss"></el-date-picker>
</el-form-item>

3. 解决办法：

用 name 属性，取值 name 即可得到 "yyyy-MM-dd HH:mm:ss" 格式的日期时间数据。

HTML 复制代码

<el-form-item prop="time" label="结算时间：">
       <el-date-picker name="time" v-model="settleDO.time" type="datetime"></el-date-picker>
</el-form-item>

javascript 复制代码

const app = new Vue({
      el: '#app',
      data() {
          return {
              settleDO
          }
      },
      methods: {
          doUpdate() {
              this.settleDO.time = $('input[name=time]').val();
              this.$refs.settleDOForm.validate(r => {
                   if(r) {
                        globalApi("/biz/settle/update", this.settleDO).then(() => {
                             parent.reLoad()
                        })
                   }
               })
          }
      }
})

.
感谢您的阅读，欢迎参观我的个人网站：小嗨词典【 https://www.happydict.cn】