尽管使用了 jQuery，但 datepicker 无法正常工作答案

【问题标题】：datepicker in not not working though used jQuery尽管使用了 jQuery，但 datepicker 无法正常工作
【发布时间】：2019-04-27 14:35:04
【问题描述】：

虽然我使用了 jQuery，但我的 datepicker 表单字段无法正常工作。

在控制台显示错误

Uncaught ReferenceError: jQuery is not defined

我已经用谷歌搜索了它并将我的 jQuery 放在脚本的顶部。但是还是不行

HTML 日期选择器字段

<div class="form-group col-md-6 col-sm-12">
      <label>{{ trans('misc.deadline') }}</label>
        {{-- <div class="input-group-addon addon-dollar"><i class="fa fa-calendar"></i></div> --}}
        <input type="text" value="{{ old('deadline') }}" id="datepicker" name="deadline" class="form-control" >
      <span class="help-block">{{ trans('misc.deadline_desc') }}</span>

    </div>

head 部分中的脚本

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.11/jquery-ui.min.js"></script>

脚本

$('#datepicker').datepicker({
  autoclose: true,
  format: 'dd-mm-yyyy',
  startDate: '+7d',
  language: 'en'
});

有人帮忙吗？提前致谢

【问题讨论】：

你需要在datepicker库之前加载jquery

标签： javascript jquery html

【解决方案1】：

您需要在 Jquery UI 之前添加 Jquery，并像这样为 datepicker 添加 css

$('#datepicker').datepicker({
  autoclose: true,
  format: 'dd-mm-yyyy',
  startDate: '+7d',
  language: 'en'
});

 <link rel="stylesheet" href="http://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">

  <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
  <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<div class="form-group col-md-6 col-sm-12">
      <label>{{ trans('misc.deadline') }}</label>
        {{-- <div class="input-group-addon addon-dollar"><i class="fa fa-calendar"></i></div> --}}
        <input type="text" value="{{ old('deadline') }}" id="datepicker" name="deadline" class="form-control" >
      <span class="help-block">{{ trans('misc.deadline_desc') }}</span>

    </div>

【讨论】：