0

twitter-bootstrap-rails 2.2.6 と bootstrap-datepicker-rails 1.3.0.2 を使用する Rails 3.2.19 アプリがあります。

フォームで text_field を取得して datepicker を表示しようとしていますが、フィールドをクリックまたはフォーカスしても何も起こりません。

要素を調べると、次のように表示されます。

<input data-behaviour="datepicker" id="project_due_date" name="project[due_date]" size="30" type="text">

コンソールを確認すると、JS/Coffee エラーは表示されません。

これが私のコードです:

プロジェクト.js.コーヒー

 $(document).on "focus", "[data-behaviour~='datepicker']", (e) ->
 - $(this).datepicker
 - format: "yyyy-mm-dd"
 - weekStart: 1
 - autoclose: true

プロジェクト/_form.html.erb

<%= form_for(@project, :html => { :class => "well"}) do |f|  %>
 <% if @project.errors.any? %>
    <div id="error_explanation">
      <h2><%= pluralize(@project.errors.count, "error") %> prohibited this contact from being created:</h2>

      <ul>
      <% @project.errors.full_messages.each do |msg| %>
        <li><%= msg %></li>
      <% end %>
      </ul>
    </div>
  <% end %>

  <%= f.label :project_name %>
  <%= f.text_field :project_name, placeholder: "Build Spreadsheet", required: true %>
  <%= f.label :project_manager %>
  <%= f.collection_select(:user_id, User.all, :id, :full_name)%>
  <%= f.label :due_date %>
  <%= f.text_field :due_date, 'data-behaviour' => 'datepicker' %>
  </br>
<%= f.button :submit, :class => 'btn btn-info' %>
  <% end %>

IDに基づいて呼び出すことも試みましたが、うまくいきませんでした。Chrome、Firefox、または Safari でも同じ動作が見られます。

どんな助けでも大歓迎です。

4

1 に答える 1