Question

我使用jQuery datepicker选择多日期，但我不想两次选择相同的日期。这很难解释。

我创建了一个演示版，可以帮助你们更好地理解。

 $(function() {
   $('.date-picker').datepicker({
     changeMonth: true,
     changeYear: true,
     showButtonPanel: true,
     dateFormat: "MM yy",
     onClose: function(dateText, inst) {
       var months = $("#ui-datepicker-div .ui-datepicker-month :selected").val();
       var year = $("#ui-datepicker-div .ui-datepicker-year :selected").val();
       $(this).datepicker('setDate', new Date(year, months, 1));
       var monthSelect = $("#monthSelector").val();
       var d = new Date(monthSelect).getTime();
       $("#month").val($("#month").val() + d + ",");
     }
   });
 });

.ui-datepicker-calendar {
  display: none;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
<input type="text" id="monthSelector" class="date-picker">
<input type="text" id="month">

Answer 1

将每个日期存储在一个数组中，并在每次＆＃34;添加新日期时检查重复日期＆＃34;事件发生

＆＃13;

.ui-datepicker-calendar {
  display: none;
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
<input type="text" id="monthSelector" class="date-picker">
<input type="text" id="month">

＆＃13;

{{1}}

＆＃13;

如何拒绝输入字段中的相同日期？

1 个答案: