日期选择器文本框更改将月份添加到下一个文本框答案

【问题标题】：Date picker textbox change adding months to next textbox日期选择器文本框更改将月份添加到下一个文本框
【发布时间】：2014-03-07 13:53:25
【问题描述】：

在我的 Asp.Net mvc web 应用程序中，我有一个场景，其中有 2 个日期选择器文本框。从第一个文本框中我选择一个日期（jquery ui 日历选择器）。在选择日期并移出文本框时...下一个文本框应显示日期 + 48 个月。如何用jquery实现。

// first Textbox where i pick one date for jquery ui calender picker. On selecting and move out of text box below textbox should get selected date + 48 months with jquery

 @Html.TextBoxFor(model => model.ReleaseDate, new { @Value = @Model.ReleaseDate == null ? "" : string.Format("{0:MM/dd/yyyy}", @Model.ReleaseDate), @id = "releaseDate" })

//Second textbox
@Html.TextBoxFor(model => model.EndDate, new { @Value = string.Format("{0:MM/dd/yyyy}", @Model.EndDate ?? DateTime.Now.AddMonths(48)), @id = "endDate" })

【问题讨论】：

检查：stackoverflow.com/questions/16117718/…

标签： jquery asp.net-mvc modal-dialog jquery-ui-datepicker

【解决方案1】：

从头到尾，请重新检查语法

您将需要 Javascript：

var sdate = $('#ReleaseDate').val();
var current = new Date(sdate);
current.setMonth(CurrentDate.getMonth()+48);

然后设置结束日期：

$('#EndDate').val(current.toLocaleDateString());

【讨论】：

【解决方案2】：

我解决了我的问题。以下是修复

Fiddle

<input type="text" class="firstcal">
<input type="text" class="secondcal">

$(function() {
    $(".firstcal").datepicker({
        dateFormat: "dd/mm/yy",
        onSelect: function(dateText, instance) {
            date = $.datepicker.parseDate(instance.settings.dateFormat, dateText, instance.settings);
            date.setMonth(date.getMonth() + 48);
            $(".secondcal").datepicker("setDate", date);
        }
    });
    $(".secondcal").datepicker({
        dateFormat: "dd/mm/yy"
    });
});

【讨论】：