首页 > 解决方案 > 具有多个日期选择的 Jquery DatePicker

问题描述

我在这里使用 jquery DatePicker 我想选择多个我尝试使用selectMultiple: true但未实现的日期。我不想使用其他插件。任何人都可以帮助我如何获得这些所需的结果。DatePicker jsfiddle在这里

$(function() {
  $("#datepicker").datepicker();
});
.container {
  width: 600px;
  padding: 20px;
  margin: auto;
  background: #ddd;
}
<link href="https://cdnjs.cloudflare.com/ajax/libs/datepicker/0.6.5/datepicker.css" rel="stylesheet" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/datepicker/0.6.5/datepicker.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.2.3/jquery.min.js"></script>
<div class="container">
  <p>This is a datepicker example</p>
  <form>
    Date:
    <input id="datepicker">
  </form>
</div>

标签: javascriptjquerydatepicker

解决方案


jQuery 必须在库之前包含,您需要交换相关行:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.2.3/jquery.min.js"></script>    
<script src="https://cdnjs.cloudflare.com/ajax/libs/datepicker/0.6.5/datepicker.min.js"></script>

另外,尝试使用更现代的版本,我们现在是 3 ;-)

至于问题:这个日期选择器似乎不支持日期范围,所以你被迫使用两个输入字段和两个日期选择器。

请注意,我自己从未使用过这个特定的日期选择器,我刚刚阅读了它的文档。GitHub 上的这个拉取请求给了你一些提示: 请求范围增强


推荐阅读