如何在瀏覽器中加載 day.js 插件
[英]How to load day.js plugin in browser
問題描述
我正在嘗試在客戶端加載兩個day.js插件。 但它似乎不起作用......我做錯了什么？
Pug / Jade文件
script(defer, src='javascript/external/day.js')
script(defer, src='javascript/external/day_minmax.js')
script(defer, src='javascript/external/day_isbetween.js')
script(defer, dayjs.extend(window.dayjs_plugin_minmax))
script(defer, dayjs.extend(window.dayjs_plugin_isbetween))
console輸出
dayjs.max()
Uncaught TypeError: dayjs.max is not a function
加載的js插件文件來自：
2 個解決方案
解決方案1
3 已采納 2020-10-12 14:14:27
這是 index.html 文件中的一個工作示例，您可以在根 Pug/Jade 文件中執行相同操作。 此外，我使用的是 CDN 版本，但您也可以從下載它們的文件夾中導入它們。
window.dayjs_plugin_minmax與window.dayjs_plugin_minMax可能是問題所在
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<title>Test page</title>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<script src="https://unpkg.com/dayjs@1.8.21/dayjs.min.js"></script>
<script src="https://unpkg.com/dayjs@1.8.21/plugin/isBetween.js"></script>
<script src="https://unpkg.com/dayjs@1.8.21/plugin/minMax.js"></script>
</head>
<body></body>
<script>
const minMax = window.dayjs_plugin_minMax;
const isBetween = window.dayjs_plugin_isBetween;
dayjs.extend(minMax);
dayjs.extend(isBetween);
console.log(
"MAX: ",
dayjs.max(dayjs(), dayjs("2018-01-01"), dayjs("2019-01-01"))
);
console.log(
"MIN: ",
dayjs.min(dayjs(), dayjs("2018-01-01"), dayjs("2019-01-01"))
);
console.log(
"BETWEEN: ",
dayjs("2016-10-30").isBetween("2016-01-01", "2016-10-30", null, "[)")
);
</script>
</html>
這是結果：
解決方案2
0 2021-12-13 13:41:17
在官方網站上有一個“隱藏”部分，其中包含帶有瀏覽器的插件導入示例。
https://day.js.org/docs/en/plugin/loading-into-browser
正如他們所說的那樣為我工作：
<script src="path/to/dayjs/plugin/advancedFormat"></script>
<!-- Load plugin as window.dayjs_plugin_NAME -->
<script>
dayjs.extend(window.dayjs_plugin_advancedFormat)
</script>
在 day.js 中將 12 小時時間 (h:mm A) 格式化為 24 小時時間 (HH:mm:00)
[英]Formatting 12 hour time (h:mm A) to 24 hour time (HH:mm:00) in day.js
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.