前端方法格式化时间-获取当前时间（Date）

小小红色无花果

已于 2022-12-01 14:24:36 修改

阅读量2.4k

点赞数

文章标签：前端 javascript html

于 2022-11-20 23:51:09 首次发布

本文链接：https://blog.csdn.net/weixin_45096939/article/details/127956477

版权

new Date() 可以获取当前时间，获取的时间格式是：Sun Nov 20 2022 23:43:11 GMT+0800 (中国标准时间)。

若想获得如下时间格式：

代码如下：

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
    /**
         * 获取指定格式的时间
         * 
         * @param {*} dt  日期的对象
         * @returns  返回的是字符串的日期时间
    */
        function getDate(dt) {
            var year = dt.getFullYear();  // 获取当前年
            var month = dt.getMonth();   // 获取当前月
            var day = dt.getDate();   // 获取当前日
            var hour = dt.getHours();  // 获取当前小时
            var minute = dt.getMinutes();   // 获取当前分钟
            var second = dt.getSeconds();   // 获取当前秒

            // month = month < 10 ? "0" + month : month;
            month = zero(month);
            day = zero(day);
            hour = zero(hour);
            minute = zero(minute);
            second = zero(second);
            return year + "年" + month + "月" + day + "日 " + hour + ":" + minute + ":" + second;
        }
        // 判断数字小于10，前面加0显示
        function zero(a) {
            return a < 10 ? "0" + a : a;
        }

        var dt=new Date();
        console.log(getDate(dt));
        // console.log(getDate(new Date()));


    </script>
</head>

<body>

</body>

</html>

getFullYear(); // 获取当前年

getMonth(); // 获取当前月

getDate(); // 获取当前日

getHours(); // 获取当前小时

getMinutes(); // 获取当前分钟

getSeconds(); // 获取当前秒

.getDay(); // 获取星期(0开始)

.toDateString(); // 日期(英文格式)

.toLocaleDateString(); // 日期(数字格式)

.toTimeString(); // 小时分钟秒(第一种写法)

.toLocaleTimeString(); // 小时分钟秒(第二种写法)

.valueOf(); // 毫秒值

var dt=+ new Date();---一种特殊的写法，只适用于这个Date的对象，浏览器不支持H5的时候可以用。数组的长度也可以作为数组的索引值用，可变。eg：arr[arr.length]=array[i];

在脚手架中也可以适应dayjs转换时间格式：

import dayjs from "dayjs";

thie.eventTime=dayjs(eventTime).format(
      "YYYY-MM-DD hh:mm:ss"
);

代码简单许多

小小红色无花果

关注

0
点赞
踩
7

收藏

觉得还不错? 一键收藏
0
评论
前端方法格式化时间-获取当前时间（Date）

new Date() 可以获取当前时间，获取的时间格式是：Sun Nov 20 2022 23:43:11 GMT+0800 (中国标准时间)。getHours();getMonth();getDate();
复制链接

扫一扫