Eonasdan DatePicker在Laravel 5.5中不起作用

时间:2018-02-07 20:44:03

标签: laravel laravel-5 datepicker datetimepicker laravel-5.5

我正在尝试使用包bootstrap-datetimepicker。我已经按照安装教程进行了操作。但我无法完成它的工作。我也将所需文件导入app\public文件夹。

我的文件夹结构

public folder structure

我的刀片文件

<html>

<head>

    <title>Laravel Bootstrap Datepicker</title>


    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <!-- JS AND CSS -->
    <script type="text/javascript" src="{{ URL::asset('js/jquery-3.3.1.js') }}"></script>
    <script type="text/javascript" src="{{ URL::asset('js/moment.js')}}"></script>
    <script type="text/javascript" src="{{ URL::asset('js/bootstrap.js') }}"></script>
    <script type="text/javascript" src="{{ URL::asset('js/bootstrap-datetimepicker.js')}}"></script>
    <link href="{{ asset('css/bootstrap.css')}}" rel="stylesheet">
    <link href="{{ asset('css/bootstrap-datetimepicker.css')}}" rel="stylesheet">
</head>

    <body>
        <!-- DATATIME PICKER CODE -->
        <img src="{{asset('goku.jpg')}}" alt="Mountain View">
        <div class="container">
            <div class="row">
                <div class='col-sm-6'>
                    <div class="form-group">
                        <div class='input-group date' id='datetimepicker5'>
                            <input type='text' class="form-control " />
                            <span class="input-group-addon">
                                <span class="glyphicon glyphicon-calendar"></span>
                            </span>
                        </div>
                    </div>
                </div>
                <script type="text/javascript">
                    $(function () {
                        $('#datetimepicker5').datetimepicker({
                            defaultDate: "11/1/2013",
                            disabledDates: [
                            moment("12/25/2013"),
                            new Date(2013, 11 - 1, 21),
                            "11/22/2013 00:53"
                            ]
                        });
                    });
                </script>
            </div>
        </div>
    </body>
    </html>

我的结果

我得到的结果是this,带有失败图标的导入。点击时没有任何显示。

0 个答案:

没有答案