【问题标题】:jQuery UI datepicker functionality to select only year or year-month or year-month-datejQuery UI datepicker 功能仅选择年或年月或年月日期
【发布时间】:2017-10-11 10:26:09
【问题描述】:

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

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

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

$(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/

但我找不到任何方法可以在同一个日期选择器中同时实现上述所有要点。如果此插件无法做到这一点,您能否向我推荐任何其他用户友好的插件。谢谢!

【问题讨论】:

    标签: javascript jquery date jquery-ui datepicker


    【解决方案1】:

    您可以使用 Telerik 的 Kendo UI 日期选择器插件。它具有许多功能,并且可以轻松定制。

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

    【讨论】:

    • 感谢分享,我正在检查它,如果它有效或我有任何问题会告诉你。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2013-02-27
    • 1970-01-01
    相关资源
    最近更新 更多