Vue3后端传来的时间戳转换成正确的时间格式

如题,后端传过来的时间戳格式怎么在前端转换成为正确的时间格式

我们需要在前端定义一个方法,让这个方法对后端传过来的值进行校验,最后在拼接成为正确的时间格式,由于我只需要到分钟就写到了分钟,并没有涉及到秒

const方法:

const dateFormat = (value)=>{
  let date = new Date(value);
      let y = date.getFullYear();
      let MM = date.getMonth() + 1<10? ('0' + (date.getMonth() + 1)) : date.getMonth() + 1;
      let d = date.getDate()< 10 ? ('0' + date.getDate()) :  date.getDate()
      let h = date.getHours() < 10 ? ('0' +date.getHours()) : date.getHours();
      const m = date.getMinutes()< 10 ? ('0' + date.getMinutes()) : date.getMinutes();
      return  y + '-' + MM + '-' + d + ' ' + h + ':' + m 
}

打开弹窗的查询方法:

/** 打开弹窗 */
/** 查询列表 */
const getPlan = async () => {
  loading.value = true
  try {
    const data = await PlanApi.getPlan(props.detailId)
    list.value = data
    time.value =dateFormat(data.createTime)
    releaseTime.value =dateFormat(data.releaseTime)
    deadline.value =dateFormat(data.deadline)
  } finally {
    loading.value = false
  }
}

对于字段的定义:

const time=ref()
const releaseTime = ref()
const deadline = ref()

回显:

 <el-descriptions-item label="截止时间:">
              {{deadline}}
            </el-descriptions-item>

相关推荐

  1. 时间,标准时间之间转化

    2024-07-14 14:20:03       58 阅读
  2. python时间时间字符串转化

    2024-07-14 14:20:03       28 阅读
  3. 时间时间转换及android和ios对时间识别区别

    2024-07-14 14:20:03       55 阅读
  4. LocalDateTime与时间转换全局配置

    2024-07-14 14:20:03       53 阅读
  5. Oracle中时间转换与使用

    2024-07-14 14:20:03       32 阅读
  6. python datetime库与时间timestamp转换

    2024-07-14 14:20:03       21 阅读
  7. 前端时间格式传入负载里面没有东西

    2024-07-14 14:20:03       23 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-07-14 14:20:03       66 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-07-14 14:20:03       70 阅读
  3. 在Django里面运行非项目文件

    2024-07-14 14:20:03       57 阅读
  4. Python语言-面向对象

    2024-07-14 14:20:03       68 阅读

热门阅读

  1. PSDK2003SP1/R2报__security_cookie的解决办法

    2024-07-14 14:20:03       29 阅读
  2. 二叉树---后序遍历(递归与迭代)

    2024-07-14 14:20:03       22 阅读
  3. 进制数相关

    2024-07-14 14:20:03       25 阅读
  4. 昇思25天学习打卡营第23天|LSTM+CRF序列标注

    2024-07-14 14:20:03       22 阅读
  5. QT creator简介

    2024-07-14 14:20:03       27 阅读
  6. 05.CSS 缓动变量 && 首字下沉 & 放大缩小动画

    2024-07-14 14:20:03       21 阅读
  7. iOS热门面试题(三)

    2024-07-14 14:20:03       18 阅读