vue2: mixins函数: table表格 data 日期解析

憨憨404

已于 2024-04-08 10:19:47 修改

阅读量112

点赞数 2

分类专栏： vue项目文章标签： javascript 前端

于 2024-03-26 14:52:06 首次发布

本文链接：https://blog.csdn.net/qq_60839348/article/details/137046150

版权

vue项目专栏收录该内容

4 篇文章 0 订阅

订阅专栏


export default {
  // 能写在这里的都是组件已知选项 watch filter directives components data
  methods: {
    // 年月日,时分秒
    formatData_mixins(row, column, cellValue, index) {
      // console.log(cellValue) // 2022-03-18T01:46:08.000+00:00
      var s = new Date(cellValue).toLocaleString() // return s =2023/11/07 00:00:00
      return s
    },
    // 年月日
    formatDataDay_mixins(row, column, cellValue, index) {
      // console.log(cellValue) // 2022-03-18T01:46:08.000+00:00
      // 将传入的日期字符串转换为Date对象
      const localDate = new Date(cellValue)
      const options = {
        year: 'numeric',
        month: '2-digit',
        day: '2-digit'
      }
      // 转换为本地时间格式具体到分钟
      const localDateTimeString = localDate.toLocaleString('zh-CN', options)
      // console.log(localDateTimeString) // s =2023/11/07 00:00
      return localDateTimeString
    },
    // 年月日 时分
    formatDataMinute_mixins(row, column, cellValue, index) {
      // 将传入的日期字符串转换为Date对象
      const localDate = new Date(cellValue)
      const options = {
        year: 'numeric',
        month: '2-digit',
        day: '2-digit',
        hour: '2-digit',
        minute: '2-digit',
        hour12: false
      }
      // 转换为本地时间格式具体到分钟
      const localDateTimeString = localDate.toLocaleString('zh-CN', options)
      // console.log(localDateTimeString) // s =2023/11/07 00:00
      return localDateTimeString
    }
  },
  computed: {
    // calc() {
    //   return 2 ** 10
    // }
  }
}

          <el-table-column
            label="生产日期"
            align="center"
            prop="createDate"
            :formatter="formatDataDay_mixins"
            :show-overflow-tooltip="true"
          />

// 导入mixins
import mixins from '@/mixins/index'

export default {
  name: 'EquipentmentConsumeRecord',
  components: {},
  // 应用混入
  mixins: [mixins],
  data() { return{} }
}