Wie installiere ich bootstrap-datepicker-rails?

Question

Jeder weiß, wie man die gem bootstrap-datepicker-rails einrichten kann? Ich folgte den Schritten in http://rubydoc.info/gems/bootstrap-datepicker-rails/0.6.21/frames, im Grunde:

1. I Setup twitter-bootstrap-rails gem
2. ich diese gem 'bootstrap-datepicker-rails', '>= 0.6.21'

3. Fügen Sie diese Zeile zu app/assets/Stylesheets/application.css

   *= require bootstrap-datepicker 
   

   gemfile hinzufügen

4. Fügen Sie diese Zeile der App/assets/javascripts/application.js hinzu

   //= require bootstrap-datepicker 
   

5. Fügen Sie diese Zeile zu app/assets/Javascripts/controllername.js.coffee

   $('.datepicker').datepicker() 
   

6. schließlich im Hinblick verwenden :)

   <input type="text" data-behaviour='datepicker' > 
   

Aber es funktioniert nicht !! Hat jemand es zur Arbeit gebracht? Es sollte schön arbeiten, wie hier gezeigt:
http://jsfiddle.net/2Gg5k/43/

Answer 1

In the view, try this: 
<div class="field"> 
    <%= f.label 'Trade Date: ' %> 
    <%= f.text_field :trade_date, 'data-behaviour' => 'datepicker' %><br /> 
</div> 
In your application.js, use: 
$(document).on("focus", "[data-behaviour~='datepicker']", function(e){ 
    $(this).datepicker({"format": "yyyy-mm-dd", "weekStart": 1, "autoclose": true}) 
}); 
instead of 
$('.datepicker').datepicker() 

Answer 2

ich das gleiche tat, aber ich ändern Sie den Code.

$ ('Datapicker') datapciker()

Mit diesem Code:.

$ ('[data-Verhalten ~ = picker]') picker ()

Ich versuche, eine Klasse 'Datapicker' zu verwenden, aber nicht gefunden.

Das ist mein Beispiel ist, verwende ich zu HAML und Coffee

events.js.coffe

$ ->

$ ('[data-Verhalten ~ = picker]') (.datepicker)

_form.haml

= simple_form_for @event,: html => {: class => "form-horizontales well"} do | f |

.field (Das ist das gleiche)

= f.input :fecha, :input_html => { "data-behaviour" => "datepicker" } 

.Form-Aktionen

= f.button :submit, 'Create Event' ,:class => 'btn btn-success btn-large' 

Answer 3

Blick in Schritt 5 und Schritt 6, die getroffene Auswahl Klasse .datepicker in Javascript, aber nicht in input field

Versuchen Sie, diese

auf Ansichten (zB Form)

<%= f.text_field :mydate, 'data-behaviour' => 'datepicker' %> 

<script type="text/javascript"> 
    $('[data-behaviour~=datepicker]').datepicker(); 
</script> 

Oder als Komponente:

<div class="input-append date datepicker" data-date="12-02-2012" data-date-format="dd-mm-yyyy"> 
    <%= f.text_field :mydate, 'data-behaviour' => 'datepicker', :disabled => 'disable' %><span class="add-on"><i class="icon-th"></i></span> 
</div> 

<script type="text/javascript"> 
    $('.datepicker').datepicker(); 
</script> 

Beispiel vor allem, wenn das Attribut date Typ verwenden. Sie können verwenden bootstrap-datetimepicker-rails gem, wenn das Attribut mit datetime Typ