jQuery UI DatePicker 只显示年份 [英] jQuery UI DatePicker to show year only

问题描述

我正在使用 jQuery datepicker 来显示日历.我想知道我是否可以使用它来仅显示 'Year' 而不是 Complete Calender ??

I am using jQuery datepicker to display calender.I want to know if I can use it to Display only 'Year' and not Complete Calender ??

推荐答案

  $(function() {
    $('#datepicker1').datepicker( {
        changeMonth: true,
        changeYear: true,
        showButtonPanel: true,
        dateFormat: 'MM yy',
        onClose: function(dateText, inst) { 
            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));
        }
    });
});​

风格应该是

.ui-datepicker-calendar {
    display: none;
    }​

工作演示

这篇关于jQuery UI DatePicker 只显示年份的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！