Rails 3 Asset Pipeline：JQuery Datepicker正在工作，但Timepicker根本無法工作

javascript控制檯給我這個錯誤，我試過整合的任何時間選項，，儘管它對datepicker工作正常。此外datetimepicker不起作用。Rails 3 Asset Pipeline：JQuery Datepicker正在工作，但Timepicker根本無法工作

Uncaught TypeError: Object [object Object] has no method 'timePicker'

我已經嘗試了許多不同的timepicker庫，並沒有一個工作。

這裏是我的application.js文件：

//= require jquery 
//= require jquery_ujs 
//= require jquery.ui.all 
//= require twitter/bootstrap 
//= require bootstrap-datepicker 
//= require bootstrap-timepicker 
//= require jquery.timePicker 
//= require jquery.timePicker.min 
//= require schools

我application.css文件：

*= require_self 
*= require jquery.ui.all 
*= require bootstrap_and_overrides 
*= require formtastic-bootstrap 
*= require formtastic_changes 
*= require bootstrap-datepicker 
*= require bootstrap-timepicker 
*= require gmaps4rails 
*= require schools 
*= require timePicker

我的Gemfile：

gem 'rails', '3.2.8' 

group :assets do 
    gem 'sass-rails', '~> 3.2.3' 
    gem 'coffee-rails', '~> 3.2.1' 
    gem 'therubyracer', '~> 0.10.2' 
    gem 'uglifier', '>= 1.0.3' 
    gem 'jquery-rails' 
    gem 'jquery-ui-rails' 
    gem "twitter-bootstrap-rails" 
end 

gem 'sextant' 
gem 'passenger' 
gem 'formtastic', " ~> 2.1.1" 
gem 'formtastic-bootstrap' 
gem 'country_select' 
gem 'slim' 
gem 'redcarpet' 
gem "auto_html" 
gem 'gmaps4rails' 
gem 'friendly_id' 
gem 'devise' 

gem 'capistrano' 
gem 'unicorn' 

gem 'bootstrap-datepicker-rails' 
gem "bootstrap-timepicker-rails" 

gem 'bcrypt-ruby', '~> 3.0.0' 

group :development do 
    gem 'sqlite3' 
end 

group :production do 
    gem 'pg' 
end

我schools.js文件（「日期選擇器'突出顯示爲粉紅色，'timePicker'突出顯示爲棕色。如果我將'timePicker'更改爲'datepicker'以外的任何內容，它會保持棕色）：

$(document).ready(function(){ 
    $('#date_picker').datepicker(); 
    $('.time_picker').timePicker(); 
});

我的觀點：

<% if current_user %> 
    <h3>Create Reminder</h3> 
    <%= form_tag create_user_reminder_path, method: 'post' do %> 
    <%= select_datetime Time.now, :prompt => :date %> 
    <%= text_field_tag :date, nil, :id => "date_picker" %> 
    <div class="input-append bootstrap-timepicker-component"> 
     <%= text_field_tag :time, nil, :class => "time_picker input-small" %> 
     <span class="add-on"> 
      <i class="icon-time"></i> 
     </span> 
    </div> 
    <%= text_area_tag :message %> 
    <% if @school %> 
     <% unless @school.id == current_user.school_id %> 
     <%= hidden_field_tag :school_id, @school.id %> 
     <% end %> 
    <% end %> 
    <%= submit_tag 'Save Reminder' %> 
    <% end %> 
<% end %>

來源

2012-12-04 Miriam H.

如果你在'application.js'和'Gemfile'刪除對timepicker（jQuery和引導）的所有引用，只是不停地'// =需要jQuery的。 timePicker'在你的application.js中，然後做一個'bundle update'這個工作嗎？它看起來像什麼東西越來越淹沒.. – mccannf

請確保你刪除'//=要求jquery.timePicker.min'以及 – mccannf

這難道不是$('.time_picker').timepicker();代替$('.time_picker').timePicker();？

（注意timepicker小的 'p'）

來源

2013-07-15 15:46:12 Domness

Rails 3 Asset Pipeline：JQuery Datepicker正在工作，但Timepicker根本無法工作

回答

相關問題