javascript - 尝试使用 "Monthpicker"Jquery UI 小部件并绑定(bind)更改

Question

我正在使用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 小部件(当前是)。当用户选择不同的年份或月份时，我希望输入字段更新 - 目前正在执行此操作。尽管如果我刷新页面，它不会恢复到当前日期。

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

对于解决这个问题有什么建议吗？

谢谢

Answer 1

由于单击月份是更新文本框的唯一方法(更改年份并单击框外会关闭它但不会更新文本，我认为这是一个错误!)，因此您可以处理 monthpicker-click-month 事件，如 documentation 所示:

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

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