php - 使用 PHP 和 AJAX 计算日期选择器的日期

Question

我有三个输入:

<input type='number'>
<input class='datepicker'>
<input class='datepicker' readonly='readonly'>

日期选择器很简单，因为:

<script>
  $(function() 
    {
     $('.datepicker').datepicker({ dateFormat: 'yy-mm-dd' });
    }); 
</script>

第一个用于设置周数，例如 2。第二个用于设置开始日期。如何在第三个输入(只读)中输出已设置日期的结果日期加上周数？

就像我设置 2 周，然后使用第一个日期选择器设置 2012-12-07，然后它将输出到第三个(只读)输入 2012-12-21 ？

感谢您的建议!

Answer 1

您需要使用日期选择器的属性onSelect()来检索所选日期并更新只读字段:http://api.jqueryui.com/datepicker/#option-onSelect

那么你需要使用 Date对象及其方法来解析所选日期，向其添加特定天数并返回与新日期相对应的新文本。

<input id="nbweeks" type='number' />
<input class='datepicker' />
<input id="input-ro" class='datepicker' readonly='readonly' />

function addDaysDate(dateText, days) {
    var curDate = new Date(Date.parse(dateText));
    var nextDate = new Date();
    nextDate .setDate(curDate.getDate() + days);

    var curDay = nextDate .getDate();
    var curMonth = nextDate .getMonth() + 1; //Months are zero based
    var curYear = nextDate .getFullYear();
    return curMonth + "-" + curDay + "-" + curYear;​
}

$(function(){
    $('.datepicker').datepicker({
        dateFormat: 'yyyy-mm-dd',
        onSelect(dateText, inst) {
            var days = $("#nbweeks").val() * 7;
            var newDate = addDaysDate(dateText, days)
            $("#input-ro").val(newDate)​;​
        }
    });
});

代码的实时示例(没有日期选择器):http://jsfiddle.net/PcTHQ/

编辑:小心，为了使 Date.parse() 工作，我认为您需要将年份显示为四位数字，或者将日期的顺序更改为 mm/dd/yy 可能