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>

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值