jquery - 如何在 Tempus Dominus bootstrap 4 datetimepicker 中设置最小日期

Question

我很难了解如何将 minDate 设置为当前日期的语法。有办法让我这样设置吗？这是我的代码。

<script type="text/javascript">
        $(function () {
            // $('#datetimepicker1').datetimepicker();
            var $dp1 = $("#datetimepicker1");
          $dp1.datetimepicker({

        //i dont know the syntax

          });

        });
</script>

此外，我很难将值插入到我的数据库中。也许这与此有关。

<div class="input-group date" id="datetimepicker1" data-target- 
input="nearest">
                <input type="text" name="eventDate" class="form-control 
datetimepicker-input" data-target="#datetimepicker1"/>
                  <div class="input-group-append" data- 
target="#datetimepicker1" data-toggle="datetimepicker">
                    <div class="input-group-text"><i class="fa fa-calendar"> 
</i></div>
                  </div>
                </div>

预期输出应该是可用日期只是当前日期和以后的日期。

Answer 1

您可以使用 minDate 函数，如下所示:

    <script type="text/javascript">
        $(function () {
            $('#datetimepicker1').datetimepicker({
                minDate: new Date(),
                // minDate: '03/06/2019',
                format: 'MM/DD/YYYY H:s A'
            });
        });
    </script>

希望对你有帮助:)