Uncaught TypeError：$（...）。datepickerは関数ではありません - ブートストラップ日付ピッカー

Question

紛らわしいエラーです。私はすぐにスタックオーバーフローから答えを見分けることができなかったので、質問を投稿することに頼っていました。どんな助けも非常に高く評価されるでしょう。

I "このエラーを取得M：

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

1. レール4.2.4
2. ルビー2.1.2p95（2014年5月8日リビジョン45877）[x86_64の-のLinux]

ジェムファイル：

gem 'ransack' 

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

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

My 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

あなただけの使用はJavaScriptをdatepiker.jsだけよりも、日付ピッカーを使用したい場合は日付ピッカー

Answer 2

を使用し、日付を使用したい場合は、datepicker({mindate})

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

とのDateTimePicker呼び出すことはできません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>