Как настроить bootstrap-datepicker-rails?

Кто-нибудь знает, как настроить gem bootstrap-datepicker-rails? Я выполнил шаги в http://rubydoc.info/gems/bootstrap-datepicker-rails/0.6.21/frames, в основном:

Я настраиваю twitter-bootstrap-rails gem
Я добавляю это в gemfile gem 'bootstrap-datepicker-rails', '>= 0.6.21'
Добавьте эту строку в app/assets/stylesheets/application.css
```
*= require bootstrap-datepicker
```
Добавьте эту строку в app/assets/javascripts/application.js
```
//= require bootstrap-datepicker
```
Добавьте эту строку в app/assets/javascripts/controllername.js.coffee
```
$('.datepicker').datepicker()
```

Наконец, используйте вид:)

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

Но это не работает!! У кого-нибудь есть работа? Он должен работать хорошо, как показано здесь:
http://jsfiddle.net/2Gg5k/43/

Ответы

Ответ 1

Посмотрите на шаг 5 и шаг 6, ваш класс выбора .datepicker в javascript, но не в input field

Попробуйте это

в представлениях (например, форме)

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

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

Или как компонент:

<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>

Пример, прежде всего, если атрибут используется с типом date. Вы можете использовать bootstrap-datetimepicker-rails gem, если атрибут с использованием datetime type

Ответ 2

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()

Ответ 3

Я сделал то же самое, но я изменил код:

$ ( 'Datapicker'). Datapicker()

По этому коду:

$ ( '[Данные поведение ~ = DatePicker]'). DatePicker()

Я пытаюсь использовать класс 'datapicker', но не найден.

Это мой пример, я использую для HAML и Coffeescript

events.js.coffe

$ ->

$ ( '[Данные поведение ~ = DatePicker]'). DatePicker()

_form.haml

= simple_form_for @event,: html => {: class=> "форма-горизонтальный колодец"} do | f |

.field (то же самое)
= f.input :date, :input_html => { "data-behaviour" => "datepicker" }
.FORM-акции
= f.button :submit, 'Create Event' ,:class => 'btn btn-success btn-large'