当前位置: 首页 > news >正文

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

      <el-form-item label="基线日期:" prop="baselineDate"><el-date-pickertype="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-pickertype="date"v-model="form.comparisonDate"placeholder="选择日期"format="yyyy/MM/dd"@change="(date, type) => changeTime(date, 'comparisonDate')"></el-date-picker></el-form-item>
  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

http://www.lryc.cn/news/128762.html

相关文章:

  • 生成式 AI 在泛娱乐行业的应用场景实践 – 助力风格化视频内容创作
  • elementPlus——图标引入+批量注册全局组件——基础积累
  • 国标GB28181安防视频平台EasyGBS显示状态正常,却无法播放该如何解决?
  • TIOVX:opencv的Mat类图像零拷贝转为openvx的vx_image格式,通过Not节点无效果问题记录
  • 变压器故障诊断(python代码,逻辑回归/SVM/KNN三种方法同时使用,有详细中文注释)
  • ASEMI探索整流桥GBU814的独特优势和应用领域
  • js脚本自动化之葫芦娃
  • 从零基础到精通IT:探索高效学习路径与成功案例
  • 2023.8.8巨人网络数据开发工程师面试复盘
  • Python Opencv实践 - 图像仿射变换
  • 如何使用CSS实现一个模态框(Modal)效果?
  • 关于API数据接口获取商品的数据的说明
  • Redis持久化——AOF
  • Qt 嵌入Vue项目 flapMap 浏览器兼容性问题
  • 1.SpringMVC接收请求参数及数据回显:前端url地址栏传递参数通过转发显示在网页
  • C++ Primer Plus: 第10章(2)
  • c++中的extern关键字
  • javaScript:快乐学习计时器
  • onnxruntime 支持的所有后端
  • k8s 自身原理 5
  • 机器视觉应用开发什么最重要?
  • React+Typescript使用接口泛型处理props
  • 自定义python文件import导入ModuleNotFoundError: No module named ‘***‘ 问题
  • Codeforces Round 893 (Div. 2)B题题解
  • HTTP响应状态码大全:从100到511,全面解析HTTP请求的各种情况
  • Vue-10.集成.env
  • 强训第33天
  • 【CTF-web】buuctf-[极客大挑战 2019]EasySQL 1(sql注入)
  • 脚本语言与编译语言的区别
  • 大型企业或者组织,组建专属的虚拟局域网,深入理解相关的配置和搭建使用、网络加速和网络优化,可夸地区夸国际使用,深入搞懂每项配置的作用和含义