在jQuery日期选择器中改变月份和年份之间的位置
问题描述:
我在下面的链接下面用datepicker制作了'月份日历'。 当我点击按钮,日历出来,并显示月和年。这是我的问题。任何人都知道如何改变这个命令在jQuery日期选择器中改变月份和年份之间的位置
从1.month 2.year到1.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));
});
});
});
答
您不必修改jquery ui
源代码。我刚刚找到了一个你想要的选项。用法
showMonthAfterYear:true,
例子:
$("#datepicker").datepicker({
changeMonth: true,
changeYear: true,
showButtonPanel: true,
showMonthAfterYear:true,
dateFormat: 'MM yy',
});
你为什么不改变生成的HTML? – Kosmog 2015-02-23 08:00:01
@Kosmo生成的HTML有** 2个选择标记**并且具有**'onchange'event **。我不知道如何更改生成的标签。 – naanace 2015-02-23 08:14:22
我已经发布了一个答案 – Kosmog 2015-02-23 08:23:13