不幸的是Flowbite 日期选择器 https://flowbite.com/docs/plugins/datepicker/文档没有说明如何使用其他语言环境,但支持就在那里 https://github.com/themesberg/tailwind-datepicker/tree/master/js/i18n/locales.
这就是我实现日期选择器的方式(工作):
import Datepicker from "flowbite-datepicker/Datepicker";
document.addEventListener("DOMContentLoaded", function () {
document.querySelectorAll("[datepicker]").forEach(function (datepickerEl) {
new Datepicker(datepickerEl);
});
});
这就是我尝试让语言环境正常工作的方法:
import Datepicker from "flowbite-datepicker/Datepicker";
import { locales } from "../../node_modules/flowbite-datepicker/js/i18n/base-locales.js";
import de from "../../node_modules/flowbite-datepicker/js/i18n/locales/de.js";
locales.de = de;
const datepickerOptions = {
language: "de",
weekStart: 1,
};
document.addEventListener("DOMContentLoaded", function () {
document.querySelectorAll("[datepicker]").forEach(function (datepickerEl) {
const d = new Datepicker(datepickerEl);
d.setOptions(datepickerOptions);
});
});
但我对模块化 Javascript 的理解太差,无法做到这一点。This https://github.com/themesberg/tailwind-datepicker/blob/master/js/Datepicker.js是引用原始代码的文件。对于有更多经验的人来说应该是直接的。
代替locales.de = de
, try Datepicker.locales.de = de
.
看看这个参考 https://github.com/themesberg/tailwind-datepicker/blob/master/dist/js/locales/de.js#L6来自源存储库。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)