尝试使用“Monthpicker”Jquery UI小部件并绑定更改

时间:2012-11-20 19:35:45

标签: javascript jquery date

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

我想要做的是在用户更改时使用月份和年份数据。我在表中使用它来显示不同的数据,具体取决于月/年。上面的绑定方法在输入更改时不显示警告。

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

由于

1 个答案:

答案 0 :(得分:2)

由于点击一个月是更新文本框的唯一方法(更改年份并单击开箱即可关闭它但不更新文本,我认为这是一个错误!),您可以处理{ {1}}中显示的{1}}事件:

monthpicker-click-month

作为旁注,我会考虑使用标准documentation并根据自己的喜好对其进行自定义,因为它更受支持,并且没有上述错误。