纯html写一个日期选择框可以选择开始日期到结束日期

可以使用HTML的`<input>`标签中的`type="date"`属性来创建日期选择框，然后使用JavaScript来限制选择的日期范围。

以下是一个示例代码：

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

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

<script>
  // 获取开始日期和结束日期的输入框元素
  var startDateInput = document.getElementById("start-date");
  var endDateInput = document.getElementById("end-date");

  // 设置最小日期为今天
  startDateInput.min = new Date().toISOString().split("T")[0];
  endDateInput.min = new Date().toISOString().split("T")[0];

  // 监听开始日期输入框的变化，限制结束日期的最小值
  startDateInput.addEventListener("change", function() {
    endDateInput.min = startDateInput.value;
  });

  // 监听结束日期输入框的变化，限制开始日期的最大值
  endDateInput.addEventListener("change", function() {
    startDateInput.max = endDateInput.value;
  });
</script>

在上述代码中，我们首先使用`document.getElementById`方法获取了开始日期和结束日期的输入框元素，并设置它们最小日期为今天。然后，我们监听了开始日期输入框的变化事件，当开始日期改变时，将结束日期的最小值设为开始日期的值。同样地，我们也监听了结束日期输入框的变化事件，当结束日期改变时，将开始日期的最大值设为结束日期的值。这样就可以限制用户选择的日期范围了。