jquery ui datepicker仅限日/月,而不是年份选择

Question

我在这里搜索了所有的搜索结果,但没有为这个问题找到合适的解决方案.使用jQueryUI DatePicker我需要选择所有年份的递归日期,所以我不想显示年份选择,因为它没有意义.

我怎样才能在通话中获得如下内容？

$('#myInput').datepicker({ dateFormat: "dd/mm" });  

注意:我不能使用此处 建议的css解决方案,.ui-datepicker-year{ display:none; }因为在同一页面中还有其他日期选择器.

任何帮助将不胜感激.

提前致谢.

Answer 1

试试这个演示:http://jsfiddle.net/rAdV6/20/
另见下面的截图.

进一步详细说明,此修复程序将允许在日历顶部显示带有或不带有年份的多个日期选择器.

jQuery代码:

$('.DateTextBox.NoYear').datepicker({
    beforeShow: function (input, inst) {
        inst.dpDiv.addClass('NoYearDatePicker');
    },
    onClose: function(dateText, inst){
        inst.dpDiv.removeClass('NoYearDatePicker');
    }
});

$('#datepicker').datepicker( { changeYear: false, dateFormat: 'dd/mm',});
$('#datepicker1').datepicker( { changeYear: true, dateFormat: 'dd/mm', });
$('#datepicker2').datepicker( { changeYear: false, dateFormat: 'dd/mm', });

CSS:

.NoYearDatePicker .ui-datepicker-year
{
   display:none;   
}

HTML:

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/themes/base/jquery-ui.css" type="text/css" media="all">

date (without year) <input type="text" id="datepicker" class="DateTextBox NoYear">

<br />
date 1: (With year) <input type="text" id="datepicker1" >
<br />
date 2: (Without year) <input type="text" id="datepicker2" class="DateTextBox NoYear">
?

它在我的lappy OSX中的表现如何: