input日期框时间范围选择 代码怎么写

以下是一个简单的示例代码，用于实现日期框时间范围选择：

HTML代码：

<label for="start">开始日期：</label>
<input type="date" id="start" name="start">
<label for="end">结束日期：</label>
<input type="date" id="end" name="end">

JavaScript代码：

// 获取开始日期和结束日期的输入框元素
const startInput = document.getElementById('start');
const endInput = document.getElementById('end');

// 监听开始日期输入框的变化事件
startInput.addEventListener('change', updateEndDate);

// 更新结束日期输入框的最小值
function updateEndDate(event) {
  // 获取当前选择的开始日期
  const startDate = new Date(event.target.value);
  // 将结束日期输入框的最小值设置为开始日期的下一天
  const nextDay = new Date(startDate.getTime() + 24 * 60 * 60 * 1000);
  endInput.min = nextDay.toISOString().split('T')[0];
}

当用户选择开始日期后，上述代码将自动更新结束日期输入框的最小值，以确保用户不能选择开始日期之前的日期作为结束日期。这样，用户就可以方便地选择指定时间范围内的日期。