JavaScript 日期顯示與三年/五年後日期計算實現

需求

頁面顯示當前日期，並根據選擇的起始日期計算 3 年後、5 年後日期同步顯示。

核心代碼

// 當前日期格式化
function current() {
    var d = new Date();
    return d.getFullYear() + '年' + (d.getMonth()+1) + '月' + d.getDate() + '日';
}

// 計算未來日期
function set35() {
    var d = new Date($("#EntTime37").val().replace(/[年月日\-]/g, '/'));
    d.setFullYear(d.getFullYear() + 3);
    $('#date2').val(d.getFullYear() + '/' + (d.getMonth()+1) + '/' + d.getDate());
    d.setFullYear(d.getFullYear() + 2); // 累加 2 年 = 總共 5 年
    $('#date3').val(d.getFullYear() + '/' + (d.getMonth()+1) + '/' + d.getDate());
}

$(function () {
    $("#EntTime37").val(current());
    set35();
});

關鍵技巧

• 日期字符串統一用 replace(/[年月日\-]/g, '/') 轉為瀏覽器可解析格式。
• setFullYear 自動處理月份溢出（如 2 月 29 日）。
• 綁定 change 事件實現聯動更新。