如何禁用引导日期选择器的先前预订日期？

问题描述

我在HTML网站上有一个预订表格。该表格有两个日期输入字段，用于签入和签出。我使用bootsrap-datepicker：https://bootstrap-datepicker.readthedocs.io/en/latest/

我要解决的问题是在表单提交后禁用用户选择的日期。所以基本上，当用户提交带有选定日期的表单时，例如并于10月12日至10月15日提交表格。重新加载表格后，先前选择和提交的日期（10月12日至10月15日，除10月15日外）将被禁用（这将防止两次预订相同的日期）。为您提供有关我的实施的更多详细信息：没有数据库，整个Google表单中的表单都与Google表格集成（数据保存在Google表单中）。

以下是我的表单的代码，可让您了解更多信息：

<form  action="https://docs.google.com/forms/u/0/d/e/1FAIpQLSfglf8uoaPBwXQNZb44C3qyDfxV7mv4wIlSTamUfHwolsJ0Lg/formResponse">
                 
          <div class="control-group">
            <div class="form-group floating-label-form-group controls">
              <label class="control-label" for="date">Date</label>
              <input type="text" class="form-control datepicker" name="entry.1307321649" placeholder="Zameldowanie" id="date" required data-validation-required-message="Please enter dates." autocomplete="off">
              <p class="help-block text-danger"></p>
            </div>
          </div>
          <div class="control-group">
            <div class="form-group floating-label-form-group controls">
              <label class="control-label" for="date">Date</label>
              <input type="text" class="form-control datepicker" name="entry.77808571" placeholder="Wymeldowanie" id="date" required data-validation-required-message="Please enter dates." autocomplete="off">
              <p class="help-block text-danger"></p>
            </div>
          </div>  
          <div class="control-group">
            <div class="form-group floating-label-form-group controls">
              <label>Name</label>
              <input type="text" class="form-control" placeholder="Imię i Nazwisko" id="name" name="entry.191476008" required data-validation-required-message="Please enter your name.">
              <p class="help-block text-danger"></p>
            </div>
          </div>
          <div class="control-group">
            <div class="form-group floating-label-form-group controls">
              <label>Email Address</label>
              <input type="email" class="form-control" placeholder="Adres Email" id="email" name="entry.1612291661" required data-validation-required-message="Please enter your email address.">
              <p class="help-block text-danger"></p>
            </div>
          </div>
          <div class="control-group">
            <div class="form-group col-xs-12 floating-label-form-group controls">
              <label>Phone Number</label>
              <input type="number" class="form-control" placeholder="Numer Telefonu" id="phone" name="entry.199915649" required data-validation-required-message="Please enter your phone number.">
              <p class="help-block text-danger"></p>
            </div>
          </div>
          <div class="control-group">
            <div class="form-group floating-label-form-group controls">
              <label>Message</label>
              <textarea rows="5" class="form-control" placeholder="Wiadomość" id="message" name="entry.948216718" data-validation-required-message="Please enter a message."></textarea>
              <p class="help-block text-danger"></p>
            </div>
          </div>
          <br>
          <div id="success"></div>
          <button type="submit" class="btn btn-primary" id="sendMessage">Rezerwuj</button>
        </form>

编辑：我现在正在尝试使用datesdisabled: ['2020-11-06','2020-11-09']数组。这适用于给定的日期。但是我不知道如何在表单上动态传递此数组以提交选定的日期。这是我的代码：

$(".checkIn").datepicker({
            format: "yyyy-mm-dd",startDate: "d",language: "pl",autoclose: true,todayHighlight: true,datesdisabled: ['2020-11-06','2020-11-09']
  })

是否有一种很好且简单的方法来做到这一点？非常感谢您的帮助！

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

bootstrap-datepicker date disable forms