怎樣用CDN載入和使用moment.js時區庫做Javascript的時區轉換?

舊金山灣區時間與北京時間轉換,用Javascript方便地實現時區轉換例子一文中示範了怎樣用moment.js做時間的時區轉換的例子。例子里下載了moment.js和moment-timezone-with-data.js,如官方文檔所說的,載入如下

<script src="moment.js"></script>
<script src="moment-timezone-with-data.js"></script>

那麼能不能不下載,直接用CDN呢?也是可以的

<script type="text/javascript" src="https://momentjs.com/downloads/moment.js">
</script>

<script type="text/javascript" src="https://momentjs.com/downloads/moment-timezone-with-data.js">
</script>

那麼之前的例子就變成如下

<!DOCTYPE html>
<html>
    <head>
        <script type="text/javascript" src="https://momentjs.com/downloads/moment.js">
        </script>

        <script type="text/javascript" src="https://momentjs.com/downloads/moment-timezone-with-data.js">
        </script>
    </head>

    <body>
        <script>
            const sftime = moment().tz('America/Los_Angeles');
            const bjtime = moment(sftime).tz('Asia/Shanghai');

            // check result
            const fmt = 'hh:mm:ss a z YYYY-MM-DD';
            console.log(sftime.format(fmt));
            console.log(bjtime.format(fmt));
        </script>
    </body>
</html>

使用CDN就不再需要把兩個js文件下載和html文件放一起,而載入地址改成CDN的URL。使用上和原來一樣。

本文鏈接

Leave a Comment

Your email address will not be published.