2016-07-05 14 views
1

私はかなりjQueryを新しくしています。答えは既にここで答えられていることを知っています: jQuery UI datepicker: How to change the month names in the drop-down from short to long names?しかし、私が欲しいものについては座っていません。

質問は簡単です:datePickerでmonthNamesShortの代わりにmonthNamesを使用するにはどうすればいいですか? (私は言語ファイルを変更することができますが、後で自分のサイトのユーザーが短い月の名前か完全な月の名前を選ぶことができないため)。

Javascriptを:jQuery UI datepicker(HTML形式):monthNamesShortの代わりにmonthNamesを使用する方法

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" ]); 

テンプレート(HTML):

$("#datepicker1").datepicker({changeMonth: true,changeYear: true,showOtherMonths: true,selectOtherMonths: true}); 
     $("#datepicker1").datepicker("option","monthNames","dateFormat","yy-mm-dd","firstDay",1); 

また、デフォルトのdayNamesMinの代わりにdayNamesを使用することもできます。 (例えば、monthNamesShortの削除は機能しません。デフォルトの1を表示し、en-GBは課金しません)

デフォルトを変更する構文がわかっている場合は、どんなヘルプも歓迎されます。ありがとう

答えて

1

月のドロップダウンリストにはデフォルトでmonthNamesShortが使用されているため、monthNamesに置き換える必要があります。期待の答えではありません fiddle

$.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" ]); 

    var fullmonthnames = $.datepicker.regional[ "en-GB" ].monthNames; 
    $.datepicker.setDefaults($.datepicker.regional[ "en-GB" ]); 

      $("#datepicker1").datepicker({ 
       monthNamesShort: fullmonthnames, 
       changeMonth: true, 
       changeYear: true, 
       showOtherMonths: true, 
       selectOtherMonths: true 
      }); 
+0

、それは非常に困難であり、それはHTMLではありません。他に問題がないと確信していますか? – Gaetan

+0

@Stagesこのデモをチェックするhttp://jsfiddle.net/xBB5x/11792/ – Kld

+0

これは私がthxをしたいと思うようです。私はmonthNamesとmonthNamesShortの間でどうやって動かすことができるのだろうか。 var fullmonthnamesを使わないと他の方法はありませんか? – Gaetan

関連する問題