2016-11-08 3 views
0

私はいくつかの言語をサポートするために、既存のjQuery UI 1.10.4 Datepickerを微調整しています。私は変更なしで公式の翻訳を使用したいので、私は将来的にアップグレードすることができます。しかし、私はまた、いくつかの用語を変更したり、欠けているものを追加する必要があります。ランタイムでDatepickerの翻訳を変更する

私はこれをしようとしている:

$.datepicker.regional["es"]["buttonText"] = "Foo!"; 
$('.is-a-date').each(function(){ 
    $(this).datepicker({ 
     buttonImage: '/img/datepicker.png', 
     buttonImageOnly: true 
    }); 
}); 

私は$.datepicker.regional["es"]は、新しい値が含まれており、buttonTextは(私が右jquery.ui.datepicker-es.jsでそれを追加した場合、それは正常に動作します)、現地語化であることを確認しました。すべてはjQuery(function(){...})ラッパーで囲まれています。しかし、私のカスタムテキストはどこにも現れません。

私には何が欠けていますか?私は何かを再初期化する必要がありますか?あなたはsetDefaults機能をuseingそれらを登録する必要があり、地域に行い、変更後

答えて

1

$.datepicker.setDefaults($.datepicker.regional["es"]) 

は、次の例をチェック - 次の月ボタン上のテキストは次のように変更され、「バー!」。それだっ

$.datepicker.regional["es"]["buttonText"] = "Foo!"; 
 
$.datepicker.regional["es"]["nextText"] = "Bar!"; 
 

 
$.datepicker.setDefaults($.datepicker.regional["es"]) 
 

 
$('.is-a-date').each(function(){ 
 
    $(this).datepicker({ 
 
     buttonImage: '/img/datepicker.png', 
 
     buttonImageOnly: true 
 
    }); 
 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.css" /> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script> 
 
<script src="https://cdn.rawgit.com/jquery/jquery-ui/master/ui/i18n/datepicker-es.js"></script> 
 

 
<input class="is-a-date" />

+0

、どうもありがとうございました。私の実際のコードでは、 '$ .datepicker.regional'で空でないキーをループし、読み込まれたすべての言語をリフレッシュすることにしました。これは愚かな考えではないことを願っています。 –

+0

私はそれが私の答えに1つを使用することがより理にかなっていると思う:) – Dekel

+0

私は誰も後でコードすることを信じていない(それは私かもしれない!):) –

関連する問題