在jQuery日期选择器中改变月份和年份之间的位置

问题描述:

我在下面的链接下面用datepicker制作了'月份日历'。 当我点击按钮,日历出来,并显示。这是我的问题。任何人都知道如何改变这个命令在jQuery日期选择器中改变月份和年份之间的位置

1.month 2.year1.year 2.month

http://develop-for-fun.blogspot.kr/2013/08/jquery-ui-datepicker-month-and-year.html

 $(function() { 
      $('#MainContent_txtMonth').datepicker({ 
       changeYear: true, 
       changeMonth: true, 
       showButtonPanel: true, 
       dateFormat: 'yy-mm', 
       monthNamesShort: ['1월','2월','3월','4월','5월','6월','7월','8월','9월','10월','11월','12월'], 
       showOn: "button", 
       buttonImage: "img/button_calendar.jpg", 
       buttonImageOnly: true 
       }).focus(function() { 
       var thisCalendar = $(this); 
       $('.ui-datepicker-calendar').detach(); 
       $('.ui-datepicker-close').click(function() { 
       var year = $("#ui-datepicker-div .ui-datepicker-year :selected").val(); 
       var month = $("#ui-datepicker-div .ui-datepicker-month :selected").val(); 
       thisCalendar.datepicker('setDate', new Date(year, month, 1)); 
       }); 
      }); 
     }); 
+0

你为什么不改变生成的HTML? – Kosmog 2015-02-23 08:00:01

+0

@Kosmo生成的HTML有** 2个选择标记**并且具有**'onchange'event **。我不知道如何更改生成的标签。 – naanace 2015-02-23 08:14:22

+0

我已经发布了一个答案 – Kosmog 2015-02-23 08:23:13

您不必修改jquery ui源代码。我刚刚找到了一个你想要的选项。用法

showMonthAfterYear:true, 

例子:

$("#datepicker").datepicker({ 
     changeMonth: true, 
     changeYear: true, 
     showButtonPanel: true, 
     showMonthAfterYear:true, 
     dateFormat: 'MM yy', 
     }); 
+0

哦,它的工作原理!谢谢@Kosmo!你节省了我的时间 – naanace 2015-02-23 08:31:38

+0

很高兴它的作品。祝你今天愉快 ! – Kosmog 2015-02-23 08:35:21