JavaScript日期格式化：将日期输入统一为YYYY-MM-DD标准

<input type="text" class="form-control col-md-2 datetimepicker d-inline" id="dfield" name="scheduleField" value=""/>

const dateInput = document.getElementById("dfield");
// 初始化输入框的值为 YYYY-MM-DD 格式
dateInput.value = new Date().toISOString().split("T")[0];

function padTo2Digits(num) {
  return num.toString().padStart(2, "0");
}

function formatDate(date = new Date()) {
  return [
    date.getFullYear(),
    padTo2Digits(date.getMonth() + 1),
    padTo2Digits(date.getDate()),
  ].join("-");
}
// 注意：这里的 formatDate 函数在原始代码中并没有被用来处理日期选择器的输出

/**
 * 将Date对象格式化为 'YYYY-MM-DD' 字符串。
 * @param {Date} date - 要格式化的Date对象。如果未提供，则默认为当前日期。
 * @returns {string} 格式化后的日期字符串。
 */
function formatToYYYYMMDD(date = new Date()) {
    const year = date.getFullYear();
    // getMonth() 返回 0-11，所以需要加 1
    const month = String(date.getMonth() + 1).padStart(2, '0');
    const day = String(date.getDate()).padStart(2, '0');

    return `${year}-${month}-${day}`;
}

// 示例用法
console.log(formatToYYYYMMDD(new Date())); // 输出类似 "2023-10-27"
console.log(formatToYYYYMMDD(new Date('2022-09-01'))); // 输出 "2022-09-01"

// 假设您正在使用 Air Datepicker 或类似的库
// 请根据您实际使用的插件API进行调整

// 确保在DOM加载完成后执行
document.addEventListener('DOMContentLoaded', () => {
    const dateInput = document.getElementById("dfield");

    // 初始化日期选择器
    // 假设 Air Datepicker 的初始化方式如下，并支持 dateFormat 选项
    // 请根据实际插件的初始化方法和选项名称进行调整
    if (typeof AirDatepicker !== 'undefined') { // 检查 AirDatepicker 是否已加载
        new AirDatepicker(dateInput, {
            // 配置日期格式为 YYYY-MM-DD
            // 注意：具体的选项名称可能是 'dateFormat', 'format', 'outputFormat' 等
            // 查阅您的插件文档以获取准确的选项名
            dateFormat: 'yyyy-MM-dd', // 或者 'YYYY-MM-DD'，取决于插件的格式化符号
            // 其他配置选项...
            onSelect: ({date, formattedDate, datepicker}) => {
                // 当用户选择日期时触发
                // 如果 dateFormat 配置正确，formattedDate 应该已经是期望的格式
                // 如果插件输出的格式仍然不符合，可以手动调用 formatToYYYYMMDD
                if (date) {
                    dateInput.value = formatToYYYYMMDD(date);
                }
            }
        });
    } else {
        console.warn("Air Datepicker library not found. Date formatting might not work as expected.");
    }

    // 页面加载时设置默认值，确保其也是 YYYY-MM-DD 格式
    // 只有在插件没有自动设置初始值时才需要
    if (!dateInput.value) {
        dateInput.value = formatToYYYYMMDD(new Date());
    }
});

document.addEventListener('DOMContentLoaded', () => {
    const dateInput = document.getElementById("dfield");

    if (typeof AirDatepicker !== 'undefined') {
        new AirDatepicker(dateInput, {
            // 其他配置选项...
            onSelect: ({date, formattedDate, datepicker}) => {
                // date 参数通常是一个 JavaScript Date 对象
                if (date) {
                    dateInput.value = formatToYYYYMMDD(date);
                }
            }
        });
    }

    // 页面加载时设置默认值
    if (!dateInput.value) {
        dateInput.value = formatToYYYYMMDD(new Date());
    }
});