繁体   English   中英

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

[英]jQuery UI datepicker functionality to select only year or year-month or year-month-date

我将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/

但是我找不到在同一日期选择器中共同实现上述所有目标的任何方法。 如果在此插件中无法做到这一点,那么您可以建议我其他任何用户友好的插件。 谢谢!

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

还找到了此链接,可能会帮助您http://www.telerik.com/forums/date-picker-setting-for-selecting-only-month-and-year

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM