html写日期选择框选择开始结束日期

可以使用HTML5中的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>
// 设置开始日期最小值为当前日期
document.getElementById("start-date").setAttribute("min", new Date().toISOString().split("T")[0]);

// 设置结束日期最小值为开始日期
document.getElementById("end-date").addEventListener("focus", function() {
    document.getElementById("end-date").setAttribute("min", document.getElementById("start-date").value);
});
</script>

上面的代码中，我们先创建了两个日期选择框，分别设置了id和name属性。然后，利用JavaScript设置开始日期的最小值为当前日期。接着，当用户选中结束日期输入框时，我们根据开始日期的值来设置结束日期的最小值。

需要注意的是，以上代码只是一个示例，具体的实现方式可以根据需求进行修改。