0

我正在使用http://lucianocosta.info/jquery.mtz.monthpicker/来显示仅显示月份和年份的“日历”。

我的 Javascript 来初始化它是

var Year = new Date().getFullYear();
var Month = new Date().getMonth() + 1;
$(document).ready(function() {

     $('#monthpicker_widget').monthpicker({
        startYear: 2011,
        finalYear: new Date().getFullYear()
    });

     $('#monthpicker_widget').bind('onchange',function(e){
        alert("input change");
     });
});

在我的 HTML 中，我有这个

 <p> Date: <input id="monthpicker_widget" class="mtz-monthpicker-widgetcontainer" type="text"> </p>

这就是我想要的...

我希望输入字段立即显示当前月份/年份。因此，当页面加载时，我想要 11/2012。当用户点击输入字段时，它会弹出 MonthPicker 小部件（它目前是）。当用户选择不同的年份或月份时，我希望输入字段更新——它目前正在这样做。虽然如果我刷新页面，它不会恢复到当前日期。

我想要做的是在用户更改月份和年份数据时使用它。我在表格中使用它来根据月/年显示不同的数据。我上面的绑定方法在输入更改时不显示警报。

有关解决此问题的任何建议？

谢谢

4

1 回答 1

2

由于单击一个月是更新文本框的唯一方法（更改年份并单击框外将其关闭但不更新文本，我认为这是一个错误！），您可以处理monthpicker-click-month如图所示的事件文档：_

$('#events_widget').monthpicker().bind('monthpicker-click-month', function (e, month) {
    alert('You clicked on month ' + month);
});

作为旁注，我会考虑使用标准的jQuery UI Datepicker并根据您的喜好对其进行自定义，因为它受到更多支持并且没有上述错误。

于 2012-11-20T19:49:19.720 回答