JavaScript日期格式化：将日期转换为YYYY-MM-DD格式的实用指南

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

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

// 格式化当前日期
const currentDate = new Date();
console.log("当前日期 (YYYY-MM-DD):", formatToYYYYMMDD(currentDate)); // 例如: "2023-10-27"

// 格式化指定日期
const specificDate = new Date(2022, 8, 22); // 月份是0-indexed，8代表9月
console.log("指定日期 (YYYY-MM-DD):", formatToYYYYMMDD(specificDate)); // 输出: "2022-09-22"

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

<script>
  const dateInput = document.getElementById("dfield");
  // 设置输入框的初始值为当前日期的YYYY-MM-DD格式
  dateInput.value = formatToYYYYMMDD(new Date());

  // 上面定义的 formatToYYYYMMDD 函数
  function formatToYYYYMMDD(dateObj = new Date()) {
    const year = dateObj.getFullYear();
    const month = (dateObj.getMonth() + 1).toString().padStart(2, '0');
    const day = dateObj.getDate().toString().padStart(2, '0');
    return `${year}-${month}-${day}`;
  }
</script>

// 假设AIR DATEPICKER的初始化代码
$('#dfield').datepicker({
  // 插件的日期格式选项，设置为 YYYY-MM-DD
  // 具体的选项名称和格式字符串可能因插件版本而异
  dateFormat: 'yyyy-mm-dd',
  // 其他配置...
  onSelect: function(formattedDate, date, inst) {
    // onSelect 回调通常会提供已经格式化好的日期
    // 如果插件本身能输出所需格式，这里直接使用 formattedDate 即可
    console.log("插件输出的日期:", formattedDate);
    // 或者如果你想确保是 YYYY-MM-DD，可以再次调用自定义函数
    // inst.el.value = formatToYYYYMMDD(date); // date 参数通常是 Date 对象
  }
});

// 确保 formatToYYYYMMDD 函数在全局或可访问范围内
// ... (formatToYYYYMMDD 函数定义) ...

$('#dfield').datepicker({
  // ... 其他配置 ...
  onSelect: function(formattedDateStringFromPlugin, dateObjectFromPlugin, instance) {
    // 插件可能返回一个Date对象或一个默认格式的字符串
    // 我们使用自定义函数确保格式为 YYYY-MM-DD
    const desiredFormat = formatToYYYYMMDD(dateObjectFromPlugin);
    instance.el.value = desiredFormat; // 将格式化后的值设置回输入框

    console.log("通过插件选择并手动格式化后的日期:", desiredFormat);
    // 如果您还需要时间，可以进一步扩展 formatToYYYYMMDD 函数
  }
});

function formatToYYYYMMDDHHMM(dateObj = new Date()) {
  const year = dateObj.getFullYear();
  const month = (dateObj.getMonth() + 1).toString().padStart(2, '0');
  const day = dateObj.getDate().toString().padStart(2, '0');

  let hours = dateObj.getHours();
  const minutes = dateObj.getMinutes().toString().padStart(2, '0');
  const ampm = hours >= 12 ? 'pm' : 'am';

  hours = hours % 12; // 转换为12小时制
  hours = hours ? hours.toString().padStart(2, '0') : '12'; // '0' 小时应显示为 '12'

  return `${year}-${month}-${day} ${hours}:${minutes} ${ampm}`;
}

// 示例
const nowWithTime = new Date();
console.log("当前日期和时间 (YYYY-MM-DD HH:MM AM/PM):", formatToYYYYMMDDHHMM(nowWithTime));