带有多个日期的jQuery DatePicker选择

时间:2018-08-09 06:56:09

标签: javascript jquery datepicker

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

$(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>

1 个答案:

答案 0 :(得分:0)

必须在库之前包含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上的pull请求为您提供了一些提示: Request for ranges enhancement