JavaScript 热键优化日期输入控件：解决跨年日期计算问题

// 假设 currdate 是一个有效的日期对象，比如 2023年12月15日
// 目标是增加一个月，得到 2024年1月15日
var newDate = new Date(new Date().setMonth((currdate.getMonth() + 1)));
// 这里的 new Date() 会创建一个当前系统日期的对象（例如 2023年11月10日），
// 然后在其基础上设置月份。这会导致年份信息丢失或不正确。
// 最终 newDate 可能会变成 2023年1月15日 (如果当前系统日期是2023年)

// 假设 currdate 是一个有效的日期对象，比如 2023年12月15日
// 目标是增加一个月，得到 2024年1月15日
var newDate = new Date(new Date(currdate).setMonth((currdate.getMonth() + 1)));
// 这里 new Date(currdate) 会创建一个基于 currdate 的完整副本，
// 然后在其基础上设置月份。这样就能正确地处理年份的滚动。
// 最终 newDate 将是 2024年1月15日

function DateHotKey(s, e) {
    var c = e.htmlEvent.code; // 获取按键的Code值
    var k = e.htmlEvent.key;  // 获取按键的Key值

    // 检查是否是非数字键，避免与数字输入冲突
    if (isNaN(parseFloat(k))) {
        var currdate = s.GetDate(); // 获取当前控件的日期值

        // 如果当前日期为空，则默认使用当前系统日期作为基准
        if (currdate === null) {
            currdate = new Date();
        }

        var newDate; // 声明用于存储新日期的变量

        switch (c) {
            case "KeyT": // 'T' 键：设置为今日日期
                newDate = new Date();
                s.SetValue(newDate);
                ASPxClientUtils.PreventEventAndBubble(e.htmlEvent);
                break;

            case "KeyM": // 'M' 键：增加一个月
                // 关键修正：基于 currdate 创建新的 Date 对象
                newDate = new Date(new Date(currdate).setMonth(currdate.getMonth() + 1));
                s.SetDate(newDate);
                ASPxClientUtils.PreventEventAndBubble(e.htmlEvent);
                break;

            case "KeyQ": // 'Q' 键：增加一个季度 (三个月)
                // 关键修正：基于 currdate 创建新的 Date 对象
                newDate = new Date(new Date(currdate).setMonth(currdate.getMonth() + 3));
                s.SetDate(newDate);
                ASPxClientUtils.PreventEventAndBubble(e.htmlEvent);
                break;

            case "KeyY": // 'Y' 键：增加一年
                // 关键修正：基于 currdate 创建新的 Date 对象，并直接修改年份
                newDate = new Date(new Date(currdate).setFullYear(currdate.getFullYear() + 1));
                s.SetDate(newDate);
                ASPxClientUtils.PreventEventAndBubble(e.htmlEvent);
                break;

            default: // 处理 '+' 和 '-' 键
                switch (k) {
                    case "+": // '+' 键：增加一天
                        // 关键修正：基于 currdate 创建新的 Date 对象
                        newDate = new Date(new Date(currdate).setDate(currdate.getDate() + 1));
                        s.SetDate(newDate);
                        ASPxClientUtils.PreventEventAndBubble(e.htmlEvent);
                        break;

                    case "-": // '-' 键：减少一天
                        // 关键修正：基于 currdate 创建新的 Date 对象
                        newDate = new Date(new Date(currdate).setDate(currdate.getDate() - 1));
                        s.SetDate(newDate);
                        ASPxClientUtils.PreventEventAndBubble(e.htmlEvent);
                        break;
                }
                break;
        }
    }
}

<dx:ASPxDateEdit ID="myDateEdit" runat="server">
    <ClientSideEvents KeyDown="DateHotKey" />
</dx:ASPxDateEdit>