【问题标题】:How to translate jquery ui datepicker in multiple language?如何用多种语言翻译 jquery ui datepicker?
【发布时间】:2019-01-15 21:21:36
【问题描述】:

我有多家使用多种语言的商店:en、de、nl、fr 等。 我需要翻译 jquery datepicker。 这是我的代码:

jQuery(function(){
    region = jQuery('html').attr('lang');// get the lang code
    jQuery("#scheduled_at").datepicker(
        {
        minDate: +3,
        maxDate: "+3M" ,
        dateFormat : 'dd-mm-yy',
        beforeShowDay: jQuery.datepicker.noWeekends,
        firstDay: 1
    });
});

我看到了这个仓库: https://github.com/jquery/jquery-ui/tree/master/ui/i18n 包含所有翻译,但我不需要所有翻译。一些。

翻译样本:

/* jQuery UI 日期选择器插件的英语/英国初始化。 */

/* Written by Stuart. */
( function( factory ) {
    if ( typeof define === "function" && define.amd ) {

        // AMD. Register as an anonymous module.
        define( [ "../widgets/datepicker" ], factory );
    } else {

        // Browser globals
        factory( jQuery.datepicker );
    }
}( function( datepicker ) {

    datepicker.regional[ "en-GB" ] = {
        closeText: "Done",
        prevText: "Prev",
        nextText: "Next",
        currentText: "Today",
        monthNames: [ "January","February","March","April","May","June",
            "July","August","September","October","November","December" ],
        monthNamesShort: [ "Jan", "Feb", "Mar", "Apr", "May", "Jun",
            "Jul", "Aug", "Sep", "Oct", "Nov", "Dec" ],
        dayNames: [ "Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday" ],
        dayNamesShort: [ "Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat" ],
        dayNamesMin: [ "Su","Mo","Tu","We","Th","Fr","Sa" ],
        weekHeader: "Wk",
        dateFormat: "dd/mm/yy",
        firstDay: 1,
        isRTL: false,
        showMonthAfterYear: false,
        yearSuffix: "" };
    datepicker.setDefaults( datepicker.regional[ "en-GB" ] );

    return datepicker.regional[ "en-GB" ];

} ) );

如何添加: jQuery.datepicker.regional[region] 在我的情况下?对于 de、nl、fr 和 en ?

我看到了这个帖子:jQuery Datepicker localization,但它只适用于一种语言。

谢谢

【问题讨论】:

  • @Skatt,我看到了,但它只适用于一种,我想要多种语言的动态内容,但不是来自 github repo 中的所有语言

标签: javascript jquery jquery-ui-datepicker


【解决方案1】:

那么你可以使用:

$( selector ).datepicker( $.datepicker.regional[ "en" ] );
$( selector ).datepicker( $.datepicker.regional[ "de" ] );
$( selector ).datepicker( $.datepicker.regional[ "nl" ] );
$( selector ).datepicker( $.datepicker.regional[ "fr" ] );

动态的东西可能正在使用 jQuery 变量:

var languages = "en","fr";

 $( selector ).datepicker( $.datepicker.regional[ +languages+ ] );

【讨论】:

  • 嘿@Skatt,谢谢你的帮助,但这不是我想要的。我的问题是如何动态包含来自 github 的代码(请参阅我更新后的 EN 帖子)
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2014-05-10
  • 1970-01-01
  • 1970-01-01
  • 2015-04-03
  • 2014-11-04
  • 2011-01-04
相关资源
最近更新 更多