Question

我必须为jQuery UI Datepicker的标题栏添加额外的功能。最简单的方法似乎是创建一个单独的外部标题栏，并使用它来控制日期选择器的月份步进功能和外部按钮（同时隐藏原始标题栏）。

目前我只能通过更改日期来实现，但我希望能够在不实际更改日期的情况下进入下个月，就像DatePicker的内置步进按钮一样：

当前的html：

<div id="datepicker"></div>
<br/>
<button id="prev">Previous Month</button>&nbsp;
<button id="next">Next month</button>

当前的js：

$('#datepicker').datepicker();

$('#next, #prev').on('click', function(e) {
    var date = $('#datepicker').datepicker('getDate');
    e.target.id == 'next' ? date.setMonth(date.getMonth()+1) : date.setMonth(date.getMonth()-1);
    $('#datepicker').datepicker('setDate', date );
});

是否有更好的方法可以在外部进行数月？

http://jsfiddle.net/KFbZy/1/

Answer 1

在日期选择器的标准用法中，日期选择器顶部的左右箭头允许您转到下一个上个月。

但是如果您想要触发下一个上个月，您可以触发标准按钮上的单击，因此行为将与默认功能相同。

代码：

$('#next, #prev').on('click', function(e) {
    $('.ui-datepicker-'+e.target.id).trigger("click");
});

演示：http://jsfiddle.net/IrvinDominin/5Dcg3/

通过外部按钮在jquery datepicker上浏览几个月

1 个答案: