CDN链接在laravel中不起作用(在app.blade.php中)

问题描述 投票:0回答:1

app.blade.php

这是我的app.blade.php文件,此文件中的CDN链接在data.balde.php文件中不起作用,我已将这些链接用于datetimepicker,它位于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

php laravel cdn
1个回答
0
投票

将此添加到您的身体标签中

 <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>
© www.soinside.com 2019 - 2024. All rights reserved.