datepick 同时 显示 两个 日历控件
时间: 2023-12-14 16:04:40 浏览: 126
要在页面上同时显示两个日历控件,可以使用第三方库来实现,比如jQuery UI中的datepicker组件可以轻松实现此功能。以下是一个简单的示例代码:
HTML部分:
```
<label for="datepicker1">选择日期1:</label>
<input type="text" id="datepicker1">
<label for="datepicker2">选择日期2:</label>
<input type="text" id="datepicker2">
```
JavaScript部分:
```
$(function() {
$( "#datepicker1" ).datepicker();
$( "#datepicker2" ).datepicker();
});
```
在这个代码中,我们使用了jQuery来选取两个input元素,然后通过datepicker()方法将它们转换为日历控件。这样就可以在页面上同时显示两个日历控件了。
阅读全文