我可以调整jQuery日期选择器来选择完整日期或整月或全年吗?

时间:2015-04-10 17:09:14

标签: javascript jquery jquery-ui jquery-plugins

我正在尝试构建一个日期选择器,用户可以选择一天或选择一个完整的月份或一整年。我打算为此使用jQuery UI。

我目前所拥有的是,我可以使用

选择日期
$(function() {$(this).datepicker(); });

如果我用它进行调整,我可以建立一个月份补丁'像这样:

$(function() {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://www.skyscanner.com/

中的日期选择小部件类似的东西

1 个答案:

答案 0 :(得分:0)

有一个API调用,showbuttonpanel允许您显示或隐藏具有“今天”快捷方式的面板。合理的选择是在此面板上构建一个自定义按钮,点击该按钮可使用datepicker的API函数选择月份或年份。

Here's an example of adding custom buttons in practice.