CDN ссылки не работают (в app.blade.php) в laravel - PullRequest
Новая
       17

CDN ссылки не работают (в app.blade.php) в laravel

0 голосов
/ 18 октября 2019

app.blade.php

Это мой файл app.blade.php CDN ссылки в этом файле не работают в файле data.balde.php, я использовал эти ссылкидля средства выбора даты и времени, которое находится в файле date.blade.php. 

    <!DOCTYPE html>
    <html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
    <head>
    <!-- Styles for datepicker-->

     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">

        <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">

        <link href="//cdn.rawgit.com/Eonasdan/bootstrap-datetimepicker/e8bddc60e73c1ec2475f827be36e1957af72e2ea/build/css/bootstrap-datetimepicker.css" rel="stylesheet">


            <script type="text/javascript" src="//code.jquery.com/jquery-2.1.1.min.js"></script>
            <script type="text/javascript" src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js"></script>

            <script src="//cdnjs.cloudflare.com/ajax/libs/moment.js/2.9.0/moment-with-locales.js"></script>

            <script src="//cdn.rawgit.com/Eonasdan/bootstrap-datetimepicker/e8bddc60e73c1ec2475f827be36e1957af72e2ea/src/js/bootstrap-datetimepicker.js"></script> 

    </head>
</body>
</html>

date.blade.php 

@extends('layouts.app')
@section('content')

   <div class="container">
    <div class="row">
        <div class='col-sm-6'>
            <div class="form-group">
                <div class='input-group date' id='datetimepicker1'>
                    <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 () {
                $('#datetimepicker1').datetimepicker();
            });
        </script>
    </div>
     </div>
@endsection

Вот ошибка консоли

enter image description here

1 Ответ

0 голосов
/ 18 октября 2019

Добавьте это к тегу вашего тела 

 <div class="container">
    @yield('content')
 </div>

Поставьте id на вход. 

<div class='input-group date' >
    <input type='text' id='datetimepicker1' class="form-control" />
    <span class="input-group-addon">
       <span class="glyphicon glyphicon-calendar"></span>
   </span>
</div>
...