jquery - 使用谷歌翻译时日期选择器日期更改

Question

我正在使用日期选择器作为签入日期。

我在我的网站上使用谷歌翻译。

因此，当我将语言从英语更改为中文或任何其他语言时，日期选择器值变为NaN/NaN/NaN. 日期选择器格式为mm/dd/yyyy.

score 15 · Accepted Answer

15

用类添加notranslate类。jquery.ui.datepicker.jsui-helper-clearfix

于 2013-06-05T12:41:26.707 回答

score 3 · Accepted Answer

当您不能/不想更改 jQuery UI 日期选择器代码时，您还可以使用 beforeShow 回调添加notranslate类：

beforeShow: function(input, inst) {
    inst.dpDiv.addClass('notranslate');
}

使用版本 1.12.0 测试

score 1 · Accepted Answer

首先你需要搜索这个

ui-datepicker ui-widget ui-widget-content ui-helper-clearfix ui-corner-all

在您的 jquery ui JS 中，或者您可以搜索整个项目，然后将所有出现的内容替换为

ui-datepicker ui-widget ui-widget-content ui-helper-clearfix ui-corner-all notranslate.

关键字notranslate会阻止您的日历翻译。

score 0 · Accepted Answer

我也遇到了日期选择器的问题。它正在用 Nan/Nan/Nan 替换日期。我在网站上使用谷歌语言翻译器，我禁用了它，它开始正常工作。

score 0 · Accepted Answer

如果我们使用 Google 翻译使用 datepicker 翻译表单，则在完成翻译后，该字段可能会显示 NaN/NaN/NaN 而不是选定的日期。

谷歌有解决方案。我们需要向字段或其父元素添加 notranslate。谷歌翻译从不考虑翻译此类中的内容。

<input type="text" class="datepicker notranslate">

如果我们使用 jQuery 和 jQuery UI 日期选择器，我们还可以在日期选择器初始化期间使用 jQuery 添加类。

$(function() {
    $(".datepicker").datepicker();
    $('.ui-datepicker').addClass('notranslate');
});

score 0 · Accepted Answer

添加焦点事件答案1

$(function () {
$('.datepicker').on('focus', function () {
    $('.datepicker').addClass('notranslate');
});

});

6 回答 6