uxsolutions rails form example bootstrap ruby-on-rails datepicker bootstrap-datepicker

ruby on rails - form - Rails bootstrap Datepicker no funciona



ruby on rails calendar date select (1)

Estoy intentando implementar datepicker en una aplicación de rieles, por lo que pude ejecutarlo en referencia con estos dos enlaces:

http://jakoblaegdsmand.com/blog/2012/05/rails-datetime-picker/ https://github.com/Nerian/bootstrap-datepicker-rails

Por alguna razón, funciona bien cuando lo ejecuto con un andamio, pero cuando intento ejecutarlo construyendo una aplicación de rieles desde cero construyendo un modelo, un controlador y una vista, respectivamente, no se está ejecutando, básicamente no ocurre nada cuando hago clic en la fecha campo de texto.

Este es el siguiente código que he escrito.

En el Gemfile

gem ''bootstrap-datepicker-rails''

EN la aplicación.css

*= require bootstrap-datepicker

En la aplicación.js

//= require bootstrap-datepicker

En _form.html.erb

<%= form_for(@category) do |f| %> <%= f.label :Name %><br/> <%= f.text_field :name %><br/> <%= f.label :Description %><br/> <%= f.text_area :description %><br/> <%= f.label :EmailID %><br/> <%= f.text_field :emailid %><br/> <%= f.label :Date %><br/> <%= f.text_field :cdate, :class => ''datepicker'', ''placeholder''=> "dd-mm-yyyy" %><br/> <script> $(function() { $(''.datepicker'').datepicker({dateFormat: ''yy-mm-dd''}); }); </script> <% end %>

En Schema.rb

ActiveRecord::Schema.define(version: 20150312163128) do

create_table "categories", force: :cascade do |t| t.string "name" t.string "emailid" t.text "description" t.date "cdate" t.datetime "created_at", null: false t.datetime "updated_at", null: false end

end

Así que amablemente diga lo que estoy haciendo mal, he estado atorado en esto desde hace 3 días.


Revisé tu enlace gihub . Y tu secuencia es incorrecta. Jquery y jquery-ui siempre deben ser los primeros en la secuencia.

//= require bootstrap-datepicker //= require jquery //= require jquery_ujs //= require turbolinks //= require_tree .

Intente actualizar esto de la siguiente manera:

//= require jquery //= require jquery_ujs //= require bootstrap-datepicker //= require turbolinks //= require_tree .