X_Fei... 2021-12-07 14:15 采纳率: 66.7%
浏览 56
已结题

vue中时间戳如何转成2021-07-07 13:24:00这种格式?

vue中 后端返回的时间是时间戳格式,如何转换成年月日,时分秒的格式?

问题相关代码,请勿粘贴截图
运行结果及报错内容
我的解答思路和尝试过的方法
我想要达到的结果
  • 写回答

5条回答 默认 最新

  • 你好!机器人 2021-12-07 15:00
    关注
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
  • mrjimin 2021-12-07 14:21
    关注
    
    /** 
     * @description 时间戳转化为年 月 日 时 分 秒 
     * @method formatTime(format,num)
     * @param {string} [format='YYYY-mm-dd HH:MM:SS'] 时间格式 默认'YYYY-mm-dd HH:MM:SS' ,更改只需替换中间连接符号就行'YYYY年mm月dd日 HH时MM分SS秒'
     * @param {number} [num = new Date().getTime()] 时间戳,默认使用当前时间戳, new Date().getTime(); 获取当前时间戳(毫秒)
     * @example 
     *  var sjc = 1472048779952; //js一般获取的时间戳是13位,PHP一般是10位
        formatTime('YYYY-mm-dd HH:MM:SS',sjc)
     */
    const formatTime = (format = "", num = new Date().getTime()) => {
      format = format || "YYYY-mm-dd HH:MM:SS";   //第一个参数不填时,使用默认格式
      let ret, date, renum;
      // 处理时间戳,js一般获取的时间戳是13位,PHP一般是10位,根据实际情况做判断处理
      if (num.toString().length == 10) {
        date = new Date(parseInt(num) * 1000);
      } else if (num.toString().length == 13) {
        date = new Date(parseInt(num));
      } else {
        date = new Date(parseInt(num));
      }
      const opt = {
        "Y": date.getFullYear().toString(), // 年
        "m": (date.getMonth() + 1).toString(), // 月
        "d": date.getDate().toString(), // 日
        "H": date.getHours().toString(), // 时
        "M": date.getMinutes().toString(), // 分
        "S": date.getSeconds().toString() // 秒
        // 目前用的是这六种符号,有其他格式化字符需求可以继续添加,值必须转化成字符串
      };
      for (var k in opt) {
        ret = new RegExp("(" + k + "+)").exec(format);
        if (ret) {
          renum = (ret[1].length == 1) ? (opt[k]) : (opt[k].padStart(ret[1].length, "0")) //根据复数前面是否补零,如“mm”补零,单“m”前面不补零
          format = format.replace(ret[1], renum)  //替换
        };
      };
      return format;
    };
    

    给个时间戳转指定时间格式的函数给你

    评论
  • console.log( ) 2021-12-07 14:39
    关注

    使用moment插件 很方便

    moment(time).format("MM/DD/YYYY HH:mm:ss")
    
    评论 编辑记录
  • 前端阿彬 前端领域新星创作者 2021-12-07 15:51
    关注

    可以封装个公共方法,方便重复调用
    望采纳 ^.^

    export function changeFullTime(date) {
        var d = new Date(date);
    
        var datetime =
            d.getFullYear() +
            "-" +
            (d.getMonth() + 1) +
            "-" +
            d.getDate() +
            " " +
            d.getHours() +
            ":" +
            d.getMinutes() +
            ":" +
            d.getSeconds();
        // console.log(datetime);
        return datetime;
    }
    
    
    评论
  • 崽崽的谷雨 2021-12-07 16:18
    关注

    moment.js了解一下

    评论
查看更多回答(4条)

报告相同问题?

问题事件

  • 已结题 (查看结题原因) 12月7日
  • 已采纳回答 12月7日
  • 创建了问题 12月7日

悬赏问题

  • ¥15 Linux操作系统中的,管道通信问题
  • ¥15 请问这张multisim图的原理是什么,这是一个交通灯,是课程要求,明天要进行解析,但是我们组没一个人会,所以急要,今天要
  • ¥15 ansible tower 卡住
  • ¥15 等间距平面螺旋天线方程式
  • ¥15 通过链接访问,显示514或不是私密连接
  • ¥100 系统自动弹窗,键盘一接上就会
  • ¥50 股票交易系统设计(sql语言)
  • ¥15 调制识别中这几个数据集的文献分别是什么?
  • ¥15 请大家看看报错原因,为啥会这样
  • ¥30 Cocos转UWP应用,支付调起后闪退