Uncaught TypeError: $ (...). Datepicker не является функцией - Bootstrap datepicker

Question

Ошибка разочарования. я не мог легко распознать ответ из переполнения стека, поэтому прибегая к публикации вопроса. Любая помощь будет очень высоко ценится.

Я "получаю эту ошибку:

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

1. Rails 4.2.4
2. рубин 2.1.2p95 (2014-05-08 ревизия 45877) [x86_64-линукс]

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> 

Любой совет будет очень ppreciated.

Answer 1

вы не можете назвать DateTimePicker с datepicker({mindate})

использованием $('#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>