Question

令人沮丧的错误。我不能轻易地从堆栈溢出中找出答案，因此诉诸于发布问题。非常感谢任何帮助。

我收到了这个错误：

Uncaught TypeError: $(...).datepicker is not a function

Rails 4.2.4
ruby 2.1.2p95（2014-05-08修订版45877）[x86_64-linux]

的Gemfile：

gem 'ransack'

gem 'bootstrap-sass', '~> 3.2.0'
gem 'autoprefixer-rails'

gem 'momentjs-rails', '>= 2.9.0'
gem 'bootstrap3-datetimepicker-rails', '~> 4.14.30'

我的application.js文件：

//= require jquery
//= require jquery.turbolinks
//= require jquery_ujs
//= require dataTables/jquery.dataTables
//= require turbolinks
//= require jquery-ui/autocomplete
//= require autocomplete-rails
//= require bootstrap-sprockets
//= require moment
//= require bootstrap-datetimepicker
//= require_tree .

我的application.css.sass文件：

@import "bootstrap-sprockets"
@import "bootstrap"
@import 'bootstrap-datetimepicker'

这就是我选择日期选择器的方式（在文档准备好之内）：

$('#date-form-control1').datepicker({format: 'yyyy-mm-dd'});

这是我的表格：

 <div class="field">
    <%= f.label :invoice_invoice_date_gteq, "Date: Greater than:" %>
    <%= f.text_field  :invoice_invoice_date_gteq, id: "date-form-control1", placeholder: "Date >= to" %>
  </div>

非常感谢任何建议。

Answer 1

您无法使用datepicker({mindate})

调用datetimepicker

使用$('#date-form-control1').datetimepicker();

如果您只想使用日期，请使用datepicker

Answer 2

如果你只想使用datepicker而不是使用datepiker.js javascript，因为你不能将datepicker函数与datetimepicker.js一起使用

<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
  <script src="https://code.jquery.com/ui/1.12.0/jquery-ui.js"></script>
  <script>
  $( function() {
    $( "#date-form-control1" ).datepicker({format: 'yyyy-mm-dd'});
  } );
  </script>

未捕获的TypeError：$（...）。datepicker不是函数 - Bootstrap datepicker

2 个答案: