jQuery UI datepicker功能,仅选择年份或年份月份或年份月份日期

时间:2017-10-11 10:26:09

标签: javascript jquery date jquery-ui datepicker

我正在为datepicker使用jQuery UI插件,我需要一些功能。我希望用户能够以下列三种格式选择日期:

  • 用户只能选择年份。
  • 用户可以选择年份和月份。
  • 用户可以从日历中选择年份,月份和日期。

最后一个显然很简单,用户可以从日历中选择任何日期,我也可以使datepicker显示年份和月份,如下所示:

$(function() {
$('.date-picker').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));
    }
});
});

http://jsfiddle.net/bopperben/DBpJe/

但我无法找到任何方法在同一个datepicker中实现上述所有要点。如果在这个插件中这是不可能的,你可以建议我任何其他用户友好的插件。谢谢!

1 个答案:

答案 0 :(得分:0)

您可以使用Telerik的Kendo UI datepicker插件。它具有许多功能,可以轻松定制。

还找到了这个链接,这对你有帮助 http://www.telerik.com/forums/date-picker-setting-for-selecting-only-month-and-year