写个页面,带年月日选择且分开选择
时间: 2023-05-19 14:04:29 浏览: 83
好的,您需要一个带有年月日选择器的页面,您可以使用 HTML 和 JavaScript 来实现这个功能。以下是一个简单的示例代码:
```html
<!DOCTYPE html>
<html>
<head>
<title>Date Selector</title>
</head>
<body>
<label for="year">Year:</label>
<select id="year">
<option value="2021">2021</option>
<option value="2022">2022</option>
<option value="2023">2023</option>
<option value="2024">2024</option>
<option value="2025">2025</option>
</select>
<label for="month">Month:</label>
<select id="month">
<option value="01">January</option>
<option value="02">February</option>
<option value="03">March</option>
<option value="04">April</option>
<option value="05">May</option>
<option value="06">June</option>
<option value="07">July</option>
<option value="08">August</option>
<option value="09">September</option>
<option value="10">October</option>
<option value="11">November</option>
<option value="12">December</option>
</select>
<label for="day">Day:</label>
<select id="day">
<option value="01">1</option>
<option value="02">2</option>
<option value="03">3</option>
<option value="04">4</option>
<option value="05">5</option>
<option value="06">6</option>
<option value="07">7</option>
<option value="08">8</option>
<option value="09">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
<option value="24">24</option>
<option value="25">25</option>
<option value="26">26</option>
<option value="27">27</option>
<option value="28">28</option>
<option value="29">29</option>
<option value="30">30</option>
<option value="31">31</option>
</select>
<script>
// 获取年月日选择器的值
var year = document.getElementById("year").value;
var month = document.getElementById("month").value;
var day = document.getElementById("day").value;
// 在控制台输出选择的日期
console.log(year + "-" + month + "-" + day);
</script>
</body>
</html>
```
这个页面包含三个选择器,分别用于选择年、月和日。当用户选择日期后,JavaScript 代码将获取选择器的值,并将其输出到控制台。您可以根据需要修改代码,以便将日期值传递给后端处理。
阅读全文