css日期切换年份,jquery UI日期选择器月份和年份只有css定位问题

您可以在显示之前操作datepicker，但请记住，如果页面上有其他日期选择器，则需要重置，因为只有1个实际日期选择器

。

我有created a demo这可能会做你想做的。希望能帮助到你。

HTML

Normal:

No days:

CSS

p {

position:absolute;

bottom:5px;

}

div.noDays table {

display:none;

}

的JavaScript(需要jQuery和jQueryUI的)

$('input').datepicker({

showButtonPanel: true,

changeMonth: true,

changeYear: true,

dateFormat:'MM yy',

beforeShow: function(input, inst) {

if ($(input).hasClass('noDays')) {

$('#ui-datepicker-div').addClass('noDays');

} else {

$('#ui-datepicker-div').removeClass('noDays');

$(this).datepicker('option', 'dateFormat', 'yy-mm-dd');

}

},

onClose: function(dateText, inst) {

if ($('#ui-datepicker-div').hasClass('noDays')) {

var month = $("#ui-datepicker-div .ui-datepicker-month :selected").val();

var year = $("#ui-datepicker-div .ui-datepicker-year :selected").val();

$(this).datepicker('setDate', new Date(year, month, 1));

}

}

});