element ui时间格式转换

转换时间格式

做项目时候遇到的问题整理一下
前端获取到的时间格式是这样的
在这里插入图片描述

但后端需要接受是YY-mm-DD HH-mm-ss 这种格式就需要转一下时间的格式
话不多说上代码,

format (date, type) {
      let yy = new Date(date).getFullYear()
      let MM = this.addZero(new Date(date).getMonth() + 1)
      let dd = this.addZero(new Date(date).getDate())
      let HH = this.addZero(new Date(date).getHours())
      let mm = this.addZero(new Date(date).getMinutes())
      let ss = this.addZero(new Date(date).getSeconds())
      if (type === 'yy') {
        return yy.toString()
      } else if (type === 'yy-MM-dd HH:mm:ss') {
        return yy + '-' + MM + '-' + dd + ' ' + HH + ':' + mm + ':' + ss
      }
    },
    addZero (data) {
      if (data < 10) {
        return '0' + data
      } else {
        return data
      }
    },

addZero 方法是补零,format方法里输出两种格式YY或YY-MM-DD HH-mm-ss,用的时候直接传时间

 this.format(this.formItem.yearStart, 'yy')
this.format(this.formItem.getDate, 'yy-MM-dd HH:mm:ss')
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Element Plus 是 Element UI 的升级版,因此大部分的 Element UI 代码都可以直接转换成 Element Plus 代码。以下是一些常见的转换方法: 1. 引入 Element Plus 组件库: 在 HTML 文件中,将 Element UI 的 CSS 和 JS 引用改成 Element Plus 的: ```html <!-- 引入 Element UI --> <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css"> <script src="https://unpkg.com/element-ui/lib/index.js"></script> <!-- 引入 Element Plus --> <link rel="stylesheet" href="https://unpkg.com/element-plus/lib/theme-chalk/index.css"> <script src="https://unpkg.com/element-plus/lib/index.full.js"></script> ``` 2. 修改组件名称: Element Plus 的组件名称与 Element UI 有所不同,需要做一些修改。例如,将 `el-button` 改成 `el-button-plus`: ```html <!-- Element UI --> <el-button>Click me</el-button> <!-- Element Plus --> <el-button-plus>Click me</el-button-plus> ``` 3. 使用新的组件: Element Plus 提供了一些新的组件,例如 TreeSelect、CascaderSelect 等,可以直接使用。 例如,使用 TreeSelect 组件: ```html <!-- Element Plus --> <el-tree-select v-model="value" :data="data"></el-tree-select> ``` 4. 修改主题色: Element Plus 的主题色与 Element UI 有所不同,需要修改主题色。可以通过修改 CSS 样式文件或者引入主题色变量来实现。 例如,修改主题色为蓝色: ```css /* 修改 CSS 样式文件 */ .theme-chalk { --color-primary: #409EFF; } /* 引入主题色变量 */ @import 'element-plus/packages/theme-chalk/src/index.scss'; $--color-primary: #409EFF; @import 'element-plus/packages/theme-chalk/src/index'; ``` 以上是一些常见的 Element UIElement Plus 的转换方法,可以根据实际情况进行调整。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值