用js做一个日期下拉菜单

好的，以下是一个简单的用 JavaScript 实现的日期下拉菜单代码：

<select id="year"></select>
<select id="month"></select>
<select id="day"></select>

<script>
// 获取当前年份
var currentYear = new Date().getFullYear();

// 填充年份下拉菜单
for (var i = currentYear; i >= currentYear - 100; i--) {
  var option = document.createElement("option");
  option.text = i;
  option.value = i;
  document.getElementById("year").add(option);
}

// 填充月份下拉菜单
for (var i = 1; i <= 12; i++) {
  var option = document.createElement("option");
  option.text = i;
  option.value = i;
  document.getElementById("month").add(option);
}

// 根据年份和月份动态填充日期下拉菜单
function updateDays() {
  var year = document.getElementById("year").value;
  var month = document.getElementById("month").value;
  var daysInMonth = new Date(year, month, 0).getDate();

  // 清空日期下拉菜单
  document.getElementById("day").innerHTML = "";

  // 填充日期下拉菜单
  for (var i = 1; i <= daysInMonth; i++) {
    var option = document.createElement("option");
    option.text = i;
    option.value = i;
    document.getElementById("day").add(option);
  }
}

// 监听年份和月份下拉菜单的变化
document.getElementById("year").addEventListener("change", updateDays);
document.getElementById("month").addEventListener("change", updateDays);

// 初始化日期下拉菜单
updateDays();
</script>

这段代码会生成三个下拉菜单，分别用于选择年份、月份和日期。当用户选择年份或月份时，日期下拉菜单会动态更新，只显示当前选择的月份中有多少天。