elementUI date-picker 日期格式转为 2023/08/08格式

javascript 复制代码
      <el-form-item label="基线日期:" prop="baselineDate">
        <el-date-picker
          type="date"
          v-model="form.baselineDate"
          placeholder="选择日期"
          format="yyyy/MM/dd"
          @change="(date, type) => changeTime(date, 'baselineDate')"
        >
        </el-date-picker>
      </el-form-item>
      <el-form-item label="对比日期:" prop="comparisonDate">
        <el-date-picker
          type="date"
          v-model="form.comparisonDate"
          placeholder="选择日期"
          format="yyyy/MM/dd"
          @change="(date, type) => changeTime(date, 'comparisonDate')"
        >
        </el-date-picker>
      </el-form-item>
javascript 复制代码
  data() {
    return {
      form: {
        baselineDate: "",
        comparisonDate: "",
      },
      format: "yyyy/MM/DD",
      
    };
  },


methods:{

changeTime(date, type) {
      console.log(date);
      if (type == "comparisonDate") {
        this.form.comparisonDate = moment(date).format(this.format);
      } else {
        this.form.baselineDate = moment(date).format(this.format);
      }
    },},

坑: dom 中 value注意这里的是 "yyyy/MM/dd" 。moment 中在 format格式化的时候是 "yyyy/MM/DD"。"YYYY/MM/DD"也可以

还是要仔细看官网:https://element.eleme.cn/#/zh-CN/component/date-picker#ri-qi-ge-shi

相关推荐
前端小巷子5 分钟前
深入 npm 模块安装机制
前端·javascript·面试
深职第一突破口喜羊羊1 小时前
记一次electron开发插件市场遇到的问题
javascript·electron
cypking1 小时前
electron中IPC 渲染进程与主进程通信方法解析
前端·javascript·electron
西陵1 小时前
Nx带来极致的前端开发体验——借助playground开发提效
前端·javascript·架构
江城开朗的豌豆2 小时前
Element UI动态组件样式修改小妙招,轻松拿捏!
前端·javascript·vue.js
float_六七2 小时前
JavaScript:现代Web开发的核心动力
开发语言·前端·javascript
zhaoyang03012 小时前
vue3笔记(2)自用
前端·javascript·笔记
UrbanJazzerati3 小时前
JavaScript Promise完整指南
javascript
德育处主任Pro3 小时前
# JsSIP 从入门到实战:构建你的第一个 Web 电话
前端
拾光拾趣录3 小时前
setTimeout(1) 和 setTimeout(2) 的区别
前端·v8