用js写一个日期下拉菜单

可以使用以下代码来创建一个基本的日期下拉菜单，使用 `select` 标签和 `option` 标签：

<label for="date">选择日期：</label>
<select id="date" name="date">
  <option value="2022-01-01">2022-01-01</option>
  <option value="2022-01-02">2022-01-02</option>
  <option value="2022-01-03">2022-01-03</option>
  <!-- 可以添加更多日期选项 -->
</select>

使用 JavaScript 动态生成选项可以避免手动添加大量日期选项的问题。下面是一个使用 JavaScript 动态生成日期选项的基本示例：

<label for="date">选择日期：</label>
<select id="date" name="date"></select>

<script>
// 获取当前日期
const today = new Date();
const year = today.getFullYear();
const month = today.getMonth() + 1;
const day = today.getDate();

// 根据当前日期创建10天的选项
const select = document.querySelector('#date');
for (let i = 0; i < 10; i++) {
  const date = new Date(year, month - 1, day + i);
  const option = document.createElement('option');
  option.value = formatDate(date);
  option.text = formatDate(date);
  select.appendChild(option);
}

// 格式化日期为 'yyyy-mm-dd' 的字符串
function formatDate(date) {
  const year = date.getFullYear();
  const month = date.getMonth() + 1;
  const day = date.getDate();
  return `${year}-${month.toString().padStart(2, '0')}-${day.toString().padStart(2, '0')}`;
}
</script>

该代码将在页面加载时动态生成 10 个日期选项，日期从当前日期开始，依次往后推 10 天。