Bootstrap datepicker 多日期选择器不断返回 "Please enter a valid date."

Question

我正在使用 Bootstrap Multi Select 日期选择器

HTML5:

 <div class="form-group ">
    <label for="unavailable_date" class="control-label col-lg-2" >unavailable date list</label>
             <div class="col-lg-10">
                 <input type="text" id="unavailable_date" class="form-control date" placeholder="unavailable date list">
          </div>
     </div>

JS

 $('.date').datepicker({
             multidate: true,
            format: 'dd-mm-yyyy'
        });

每当我点击提交按钮时，验证消息就会出现并中断进程，我该如何禁用对该元素的验证？

Answer 1

我认为问题出在您的 css 上。我复制了您发布的代码，但没有得到 "please enter a valid date error".

Answer 2

好的，问题是另一个程序员启用了 jquery-validation，因此，提交按钮将始终检查，当结果与 jquery-validation 不匹配时，它将 returns 一个错误并中断。

Answer 3

$('.date').datepicker({
             multidate: true,
            format: 'dd-mm-yyyy'
        });
 
          
        $('#onSubmit').click(function(){
            var selectDate = $("#unavailable_date").val();
            console.log(selectDate);
        });

<html>

<head>
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/js/bootstrap.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.9.0/js/bootstrap-datepicker.min.js"></script>
</head>

<body>

<div class="form-group ">
    <label for="unavailable_date" class="control-label col-lg-2" >unavailable date list</label>
             <div class="col-lg-10">
                 <input type="text" id="unavailable_date" class="form-control date" placeholder="unavailable date list">
          </div>
     </div>
     
     <div class="form-group">
          <button id="onSubmit" class="btn btn-primary" >Submit</button>
     </div>

</body>

</html>

你可以试试这个

Bootstrap datepicker 多日期选择器不断返回 "Please enter a valid date."

Boostrap datepicker multiple date selector keep returning "Please enter a valid date."

html

javascript

twitter-bootstrap

bootstrap-datepicker