怎樣用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>
<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>
<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>

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

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
<!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>
<!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>
<!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.