Adminlte 脚本在 Laravel 中不起作用答案

【问题标题】：Adminlte script is not working in LaravelAdminlte 脚本在 Laravel 中不起作用
【发布时间】：2020-06-02 05:36:15
【问题描述】：

我关注这个video 并且它运行良好，但是当我尝试像 date-picker 或 multiple select 时它不起作用。我检查了 google crome 控制台，但没有发现任何错误。

我正在使用 Laravel 6.* 和 Adminlte 3

<html>
<head>
<title>AdminLTE 3 | Advanced form elements</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="{{ asset('css/app.css')}}">
<script src="{{ asset('js/fontawesome.js')}}"></script>
</head>
<body class="hold-transition sidebar-mini">
<div class="wrapper">
      <div class="col-md-6">
        <div class="card card-primary">
          <div class="card-header">
            <h3 class="card-title">Date picker</h3>
          </div>
          <div class="card-body">
            <!-- Date range -->
            <div class="form-group">
              <label>Date range:</label>
              <div class="input-group">
                <div class="input-group-prepend">
                  <span class="input-group-text">
                    <i class="far fa-calendar-alt"></i>
                  </span>
                </div>
                <input type="text" class="form-control float-right" id="reservation">
              </div>
            </div>
            <div class="form-group">
              <label>Date and time range:</label>
              <div class="input-group">
                <div class="input-group-prepend">
                  <span class="input-group-text"><i class="far fa-clock"></i></span>
                </div>
                <input type="text" class="form-control float-right" id="reservationtime">
              </div>
            </div>
<script src="{{ asset('/js/app.js')}}"></script>

</body>
</html>

日期选择器和控制台的屏幕截图。

我发现了这个，它不适合我

laravel adminlte css path not working

【问题讨论】：

视频上的脚本对我不起作用，所以我手动使用这是替代方法解决我的问题。

标签： laravel laravel-6 adminlte

【解决方案1】：

您好，请在渲染输入字段“reservationtime”之前尝试添加此内容。

    <script type="text/javascript">
    jQuery(document).ready(function(){
        jQuery('#reservationtime').datepicker();
    })
    </script>

【讨论】：

谢谢你的回答，但是我把它放了之后我得到了一个错误： Uncaught TypeError: jQuery(...).datepicker is not a function... 这个错误发生在脚本自己插入时jQuery 所以它变得未定义，stackoverflow.com/questions/36207203/…