3

我正在使用 mootools 中的日期选择器,并尝试根据用户位置对其进行本地化格式。

例如:

08/15/13 //American
15.08.13 //English

该文档指出它应该默认更改format: (*string*, defaults to the default localized format)

但是使用这段代码:

    window.addEvent('domready', function(){
    new Picker.Date($$('input'), {
        timePicker: true,
        positionOffset: {x: 5, y: 0},
        pickerClass: 'datepicker_bootstrap',
        useFadeInOut: !Browser.ie
    });
});

它始终使用美国格式08/15/13(月份优先)。

我正在通过更改我在 Windows 7 中设置的时区进行测试Date and Time

4

1 回答 1

1

我不认为 DatePicker 是“开箱即用”的。我不确定是否有一种防水方法可以在客户端脚本中获取用户位置或语言代码。

我刚试过:

var language = window.navigator.userLanguage || window.navigator.language;
console.log(language);

并在同一台机器上安装了"sv"Chrome 和Firefox。"en-GB"

我使用 php / HTTP-request 标头得到了大致相同的结果。考虑从服务器端获取信息。这个问题指出HTTP_ACCEPT_LANGUAGE了最好的方法,但是:

$_SERVER["HTTP_ACCEPT_LANGUAGE"] // gives me:
sv-SE,sv;q=0.8,en-US;q=0.6,en;q=0.4 //in chrome
en-gb,en;q=0.5 //in firefox

如果您查看第一行中的 DatePicker.js 文件:

---
name: Locale.en-US.DatePicker
description: English Language File for DatePicker
authors: Arian Stolwijk
requires: [More/Locale]
provides: Locale.en-US.DatePicker
...

这让我感觉它设置为 en-US。如果您手动设置它,它将起作用。

我的建议是遵循Dimitar的建议并使用 Locale.use() 手动设置它。例如,如果您在调用 DatePicker 之前添加示例Locale.use('sv-SE');,您将获得格式为 yyyy-mm-dd 的日期。

我编写了一个脚本来读取客户端语言以尝试使其具有动态性。它有效,但未经测试。这分配了一种比较 MootoolsLocale.list()和我在上面发布的浏览器/javascript 答案的语言:

var language = window.navigator.userLanguage || window.navigator.language;
console.log(language); //gives the results I wrote above (sv/en-GB resp. Chrome/FF)
var list = Locale.list().length;
for (var i = 0; i < list; i++) {
    if (Locale.list()[i] == language) { //check if it's a full match
        Locale.use(language);
    } else { 
// go for the first part of the "sv-SE" and find a match
// this is a compromise, it gets the right language but might miss the right country
        var langArray = language.split('-');
        var locArray = Locale.list()[i].split('-');
        for (var k = 0; k < list; k++) {
            if (langArray[0] == locArray[0]) {
                Locale.use(Locale.list()[i]);
            }
        }
    }
}
console.log(Locale.getCurrent().name); // gives sv-SE/en-GB resp. Chrome/FF
new Picker.Date($$('input'), { 
// etc...

如果您认为它有用,您可以对其进行微调... Fiddle here

于 2013-07-16T20:46:21.620 回答