Средство выбора даты не отображает календарь при нажатии в laravel - PullRequest
Новая
       57

Средство выбора даты не отображает календарь при нажатии в laravel

1 голос
/ 07 апреля 2019

Я пытаюсь создать систему бронирования с вводом выбора даты, но элемент управления не отображает календарь при нажатии. Я скопировал все файлы в виде матрицы и добавил их в свой проект, но ничего не работает.

Вот мой код дизайна лезвия для добавления ресурсов 

    <!DOCTYPE html>
     <html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
<head>
    <!-- CSRF Token -->
    <meta name="csrf-token" content="{{ csrf_token() }}">
    <title>Booking | Client dashboard</title>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="{{asset('css/backend_css/bootstrap.min.css')}}" />
    <link rel="stylesheet" href="{{asset('css/backend_css/bootstrap-responsive.min.css')}}" />
    <link rel="stylesheet" href="{{asset('css/backend_css/datepicker.css')}}" />
    <link rel="stylesheet" href="{{asset('css/backend_css/uniform.css')}}" />
    <link rel="stylesheet" href="{{asset('css/backend_css/select2.css')}}" />
    <link rel="stylesheet" href="{{asset('css/backend_css/matrix-style.css')}}" />
    <link rel="stylesheet" href="{{asset('css/backend_css/matrix-media.css')}}" />
    <link rel="stylesheet" href="{{asset('css/backend_css/bootstrap-wysihtml5.css')}}" />
    <link href="{{asset('fonts/backend_fonts/css/font-awesome.css')}}" rel="stylesheet" />
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/1.1.3/sweetalert.css"/>
    <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,700,800' rel='stylesheet' type='text/css'>
    <script src="{{asset('js/backend_js/jquery.min.js')}}"></script>
</head>
<body>
    <!--Header part-->
    @include('layouts.clientLayout.client_header')
    <!--End Header part-->
    <!--Sidebar part-->
    @include('layouts.clientLayout.client_sidebar')
    <!--End Sidebar part-->
    <!--main-container-part-->
    @yield('content')
    <!--end-main-container-part-->
    <!--Footer part-->
    @include('layouts.clientLayout.client_footer')
    <!--End Footer part-->
    <!--Jquery-->

    <script src="{{asset('js/backend_js/jquery.ui.custom.js')}}"></script> 
    <script src="{{asset('js/backend_js/bootstrap.min.js')}}"></script> 
    <script src="{{asset('js/backend_js/bootstrap-datepicker.js')}}"></script>
   <script src="{{asset('js/backend_js/jquery.dataTables.min.js')}}"></script>
    <script src="{{asset('js/backend_js/masked.js')}}"></script> 
    <script src="{{asset('js/backend_js/jquery.uniform.js')}}"></script> 
    <script src="{{asset('js/backend_js/select2.min.js')}}"></script> 
    <script src="{{asset('js/backend_js/matrix.js')}}"></script> 
    <script src="{{asset('js/backend_js/wysihtml5-0.3.0.js')}}"></script> 
    <script src="{{asset('js/backend_js/jquery.peity.min.js')}}"></script> 
    <script src="{{asset('js/backend_js/bootstrap-wysihtml5.js')}}"></script> 
    <script type="text/javascript">$('.textarea_editor').wysihtml5();
    </script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/1.1.3/sweetalert.min.js"></script>
    <script type="text/javascript">
     function goPage(newURL) {

// if url is empty, skip the menu dividers and reset the menu selection to default
if (newURL != "") {

    // if url is "-", it is this page -- reset the menu:
    if (newURL == "-") {
        resetMenu();
    }
    // else, send page to designated URL            
    else {
        document.location.href = newURL;
    }
}
}
    function resetMenu() {
document.gomenu.selector.selectedIndex = 2;
 }
    </script>
</body>

И вот как я создаю ввод DatePicker 

       <div class="control-group">
                            <label class="control-label">Date picker (dd-mm)</label>
                            <div class="controls">
                                <input type="text" data-date="01-02-2013" data-date-format="dd-mm-yyyy" placeholder="01-02-2013" class="datepicker span11" style="width: 220px;">
                                <span class="help-block">Date with Formate of  (dd-mm-yy)</span> </div>
                        </div>

это после включения дизайна лезвия 

    @extends('layouts.clientLayout.client_design')
    @section('content')

Что я мог сделать не так, потому что это почти так же, как это делается в файле шаблона, который я использую, за исключением того, что все они находятся в одном файле, и здесь я разбил его

1 Ответ

0 голосов
/ 07 апреля 2019

Вы добавили код инициализации DatePicker? 

$('.datepicker').datepicker();

Пожалуйста, проверьте использование DatePicker и установите его

...