c语言编程笔录

首页 >   > 笔记大全

笔记大全

uniapp时间戳转换成日期

更新时间:2023-07-15

uniapp时间戳转换成日期

在前端的开发过程中,很常见的需求就是将时间戳转换为日期格式,Uniapp 作为全栈开发框架,也提供了很多常用方法处理时间戳。本文将介绍使用Uniapp将时间戳转换成日期的方法。

一、使用toLocalDateString方法

toLocalDateString 方法可以将一个时间戳格式化为日期格式。这种方法是比较常用的一种方法,它会根据不同的语言环境来格式化日期。

      const date=new Date(timestamp);
      const dateString=date.toLocaleDateString();
      console.log(dateString);
    

二、使用自定义方法 formatDateTime

除了 toLocalDateString 方法之外,你还可以自定义方法来将时间戳格式化成日期格式。下面是示例代码:

      function formatDateTime(inputTime) {
        const date=new Date(inputTime);
        const y=date.getFullYear();
        const m=  date.getMonth() + 1 < 10
            ? "0" + (date.getMonth() + 1)
            : date.getMonth() + 1;
        const d=date.getDate() < 10 ? "0" + date.getDate() : date.getDate();
        const h=  date.getHours() < 10 ? "0" + date.getHours() : date.getHours();
        const minute=  date.getMinutes() < 10 ? "0" + date.getMinutes() : date.getMinutes();
        const second=  date.getSeconds() < 10 ? "0" + date.getSeconds() : date.getSeconds();
        return y + "-" + m + "-" + d + " " + h + ":" + minute + ":" + second;
      }

      const dateStr=formatDateTime(1593607660000);
      console.log(dateStr);
    

三、使用moment.js库

如果你需要更多的时间格式处理方法,可以使用 moment.js。通过 moment.js 可以很方便的实现时间格式的处理,包括时间转换、时间运算、时间差计算等等。

      import moment from "moment";

      // 将时间戳转化成指定格式
      const time=moment(1593607660000).format("YYYY-MM-DD HH:mm:ss");
      console.log(time);
    

四、总结

Uniapp 提供了很多常用方法处理时间戳,主要有 toLocalDateString 方法和 moment.js。如果你仅需要将时间戳格式化为日期,可以使用 toLocalDateString 主要方法,效果非常好,而且操作简单。如果你需要更多的时间格式处理方法,可以使用 moment.js,它提供了很多常见的时间格式处理方法。在使用 moment.js 时需要注意引入 moment.js 库,可以通过 npm 安装,也可以直接通过 CDN 引入。