jquery ui datepicker与eom和mom

Question

我需要实现jQuery UI日历，当用户单击任何日期时，它会自动选择到下一个妈妈或EOM。

例如，如果用户点击4月9日，它必须转到“4月15日”， 或者如果点击2月22日，它必须转到“2月28”或“2月29”。

澄清： 妈妈是“半月，每次是15th”，从任何一个月的1到15。 EOM是“月底，这是本月的最后一天，1月31日，2月31日或29日，3月31日，5月30日，7月31日，7月31日，7月31日，2013年8月31日，10月31日，11月31日，11月31日，12月31 ...

感谢

Answer 1

使用IE6 / IE7 / IE8 / IE9和FF，CHROME等的代码。

    <script type="text/javascript">
    $(function() {
        $("#payperiodcalendar input").datepicker({
            dateFormat: 'dd-M-yy',
            onSelect: function(dateText, inst) {
                var selectedDay = inst.currentDay,
                selectedMonth = inst.currentMonth,
                selectedYear = inst.currentYear;



                if (selectedDay <= 15) {
                    var now = new Date(selectedYear, selectedMonth, 15);
                } else {
                    var now = new Date(selectedYear, selectedMonth, LastDayOfMonth(selectedYear, selectedMonth));
                }
                $(this).attr("value", now.format("dd-MMM-yyyy"));

            }
        });
        function LastDayOfMonth(Year, Month) {
            Month++;
            return (new Date((new Date(Year, Month, 1)) - 1)).getDate();
        }
    });



</script>

.

Answer 2

我会作为文本框的标准jquery onchange处理程序。原因是用户可以手动绕过日期选择器并键入日期。如果选择，键入或粘贴，则无论是选中日期，还是粘贴，您都希望自动更改日期。

Answer 3

使用DatePicker的Onselect事件。请注意，如果您有MaxDate选项集及其在EOM或MOM之前所选择的值将是MaxDate的值。

更新：选择后关闭。使用onclose。

update2： jsfiddle使用最新的jquery ui

  onClose: function(dateText, inst) {
    var day = inst.currentDay,
        month = inst.currentMonth,
        year = inst.currentYear;

    if (day <= 15) {
      day = 15;
    }
    else {
      day = 0;
      if (month>10){
        month = 0;
        year++;
      }
      else
        month++;
    }
    var d = new Date(year, month, day);
    $(this).datepicker("setDate", d);
  }

.