Moment时间格式化插件使用方法

2022-11-27 17:43:19 浏览数 (1)

前端开发中,有很多好用的格式化插件,最常用的就是moment.js这个插件,下面代码中将提供一些常见的用法:

代码语言:javascript复制
<!DOCTYPE html>
<html>

    <head>
        <meta charset="UTF-8">
        <title>moment格式化时间使用方法</title>
        <!-- 脚本 -->
        <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.24.0/moment.js"></script>
        <!-- 语言包 -->
        <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.24.0/locale/zh-cn.js"></script>
    </head>

    <body>
        <script>
            // 创建moment对象
            console.log('moment对象', new moment());
            console.log('当前日期', new moment().format('YYYY-MM-DD HH:mm:ss'));

            // startOf(设置为起始时间)
            console.log('年初', new moment().startOf('year').format('YYYY-MM-DD HH:mm:ss'));
            console.log('月初', new moment().startOf('month').format('YYYY-MM-DD HH:mm:ss'));
            console.log('日初', new moment().startOf('day').format('YYYY-MM-DD HH:mm:ss'));

            // add(加时间)
            console.log('后一年', new moment().add(1, 'years').format('YYYY-MM-DD HH:mm:ss'));
            console.log('后一天', new moment().add(1, 'days').format('YYYY-MM-DD HH:mm:ss'));
            console.log('后一小时', new moment().add(1, 'hours').format('YYYY-MM-DD HH:mm:ss'));

            // subtract(减时间)
            console.log('前一年', new moment().subtract(1, 'years').format('YYYY-MM-DD HH:mm:ss'));
            console.log('前一天', new moment().subtract(1, 'days').format('YYYY-MM-DD HH:mm:ss'));
            console.log('前一小时', new moment().subtract(1, 'hours').format('YYYY-MM-DD HH:mm:ss'));

            // weekday(语言包规定的工作日)
            // 中文语言包规定周一是第一个工作日
            console.log('上周日', new moment().weekday(-1).format('YYYY-MM-DD HH:mm:ss'));
            console.log('下周日', new moment().weekday(7).format('YYYY-MM-DD HH:mm:ss'));
        </script>
    </body>

</html>

 最终运行结果如下:

0 人点赞