【问题标题】:Bootstrap Datepicker Validations Not Working引导日期选择器验证不起作用
【发布时间】:2019-08-03 14:28:21
【问题描述】:

我想验证 datepicker 输入控件以禁用所有过去的日期,即只应启用当前日期的所有日期。

我尝试使用 bootstrap-datepicker 库并使用下面的 js 代码进行验证,但我仍然是一个

$('.input-group.date').datepicker({
            autoclose: true,
            daysOfWeekDisabled: [0, 6],
            todayHighlight: true,
            format: "dd-mm-yyyy",
            startDate: new Date()
  });
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.0/jquery.min.js"></script>

<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.9.0/css/bootstrap-datepicker3.css" rel="stylesheet"/>

<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.9.0/js/bootstrap-datepicker.js"></script>

<form action="#" method="POST">
   <div class="input-group date" data-provide="datepicker">
            <input type="text" class="form-control">
            <div class="input-group-addon">
                <span class="glyphicon glyphicon-th"></span>
            </div>
   </div>
</form>

我仍然可以选择所有过去的日期。

$('.input-group.date').datepicker({
            autoclose: true,
            daysOfWeekDisabled: [0, 6],
            todayHighlight: true,
            format: "dd-mm-yyyy",
            startDate: '0d';
        });
<form action="#" method="POST">

        <div class="input-group date" data-provide="datepicker">
                <input type="text" class="form-control">
                <div class="input-group-addon">
                    <span class="glyphicon glyphicon-th"></span>
                </div>
        </div>

</form>
     <script src="{{ asset('assets/js/bootstrap-datepicker.min.js') }}"></script> 
<link rel="stylesheet" href="{{ asset('assets/css/bootstrap-datepicker3.min.css') }}"> 

我希望禁用所有过去的日期。

【问题讨论】:

  • 所以它在这里工作,但仍然不能在我的应用程序中工作,我打开控制台只看到这个错误TypeError: $(...).datepicker is not a function

标签: javascript jquery laravel-5 bootstrap-4 bootstrap-datepicker


【解决方案1】:

在检查控制台以查看每次加载页面时显示的错误后,我能够找出问题所在。

重新排列我的 js 库解决了它。

【讨论】:

    猜你喜欢
    • 2023-03-25
    • 1970-01-01
    • 1970-01-01
    • 2013-08-28
    • 2014-10-21
    • 1970-01-01
    相关资源
    最近更新 更多