如何重构函数获取两个值？网页datepicker功能修复求助

嘿，作为新手能搞定部分日期限制功能已经很赞了！我来帮你补全剩下的功能，同时搞定函数重构的问题～

1. 补全「禁用晚于今日日期」的功能 #

首先，我们需要给两个日期选择器都加上最大可选日期为今日的限制，不管用户操作哪个输入框，都不能选未来的日期。

先写个工具函数来获取格式化后的今日日期（适配大多数datepicker的YYYY-MM-DD格式）：

// 获取格式化后的今日日期
const getToday = () => {
  const now = new Date();
  return `${now.getFullYear()}-${String(now.getMonth() + 1).padStart(2, '0')}-${String(now.getDate()).padStart(2, '0')}`;
};

然后初始化两个输入框的最大日期，同时给它们设置远古的最小日期（满足「覆盖远古至当前」的需求）：

const dateFrom = document.getElementById('date-from');
const dateTo = document.getElementById('date-to');

// 初始化日期范围边界
const today = getToday();
dateFrom.min = '0000-01-01'; // 远古起始日期
dateFrom.max = today;
dateTo.min = '0000-01-01';
dateTo.max = today;

接下来把你已经实现的「date to不能早于date from」的逻辑整合进来，确保用户选完date from后，date to的可选范围自动调整：

// 监听date from的变化，更新date to的最小可选日期
dateFrom.addEventListener('change', () => {
  dateTo.min = dateFrom.value;
  // 如果当前date to的日期早于新选的date from，自动重置为date from
  if (dateTo.value && dateTo.value < dateFrom.value) {
    dateTo.value = dateFrom.value;
  }
});

这样所有日期限制的功能就完整了：既不能选未来日期，date to也不会早于date from，同时支持从远古日期开始选。

2. 重构函数以从同一个函数获取两个值 #

如果你之前是用两个分开的函数来获取date from和date to的值，现在可以把它们合并成一个函数，通过返回对象或者数组的方式一次性拿到两个值。

方式1：返回对象（可读性更强） #

// 重构后的函数：返回包含起止日期的对象
const getDateRange = () => {
  return {
    startDate: dateFrom.value,
    endDate: dateTo.value
  };
};

// 使用的时候用解构赋值，清晰明了
const { startDate, endDate } = getDateRange();
console.log('当前选择的日期范围:', startDate, '→', endDate);

方式2：返回数组（更简洁） #

如果你喜欢更紧凑的写法，也可以返回数组，用数组解构来取值：

const getDateRange = () => [dateFrom.value, dateTo.value];

// 使用时
const [startDate, endDate] = getDateRange();

两种方式都能实现「从同一个函数获取两个值」的需求，推荐用对象的写法，因为属性名能明确表达含义，后期维护更方便。

额外小提示 #

如果你的项目用了第三方日期选择器库（比如jQuery UI Datepicker），设置最大/最小日期的API可能略有不同，但核心逻辑是一致的：

• 比如jQuery UI里可以用maxDate: 0来表示今日，minDate: $("#date-from").val()来绑定date to的最小日期。

内容的提问来源于stack exchange，提问作者HiD3f