簡體   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