1

作成中のフォームで Bootstrap Datepicker を使用しようとしています。ここのドキュメントを読みました: https://github.com/Nerian/bootstrap-datepicker-rails/issues/11そしてそれに従いました(またはそう思った)が、行き詰まっています。

Gemfile:
gem 'bootstrap-sass', '2.0.4'
gem 'bootstrap-datepicker-rails'

アプリ/資産/javascripts/application.js

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

app/assets/javascripts/orders.js.coffee (javascriptをCoffeeScriptに変換しました)

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

アプリ/スタイルシート/application.css.scss

 *= require_self
 *= require bootstrap-datepicker
 *= require_tree .
 */

フォーム(とにかく関連部分):

<%= form_for [@user, @order] do |order_form| %>

  <%= order_form.label "When would you like us to pick up your stuff?" %>
  <%= order_form.text_field :order_date, placeholder: "yyyy-mm-dd", 'data-behaviour' => 'datepicker' %> 

<% end %>   

コンソールに入ると、要素の datepicker() メソッドを呼び出して、そこからそのプロパティを操作できます。しかし、何らかの理由で、ページの読み込み時に機能しません。また、コンソールにエラーはありません。

(ここで読んだことに基づいて: Twitter bootstrap datepicker is not working in rails、require_self を試し、javascript を application.js ファイルに入れてみました。うまくいかず、持つという考えが気に入らなかったとにかくapplication.jsファイルのjavascript...)

4

1 に答える 1

2

Twitter Bootstrap Datepicker をアプリケーションに統合できませんでした。代わりに、標準のjQuery 日付ピッカーを使用して、アプリケーションに一致するテーマを選択しました。私のコードは次のようになりました:

形式:

<%= order_form.label "When would you like us to pick up your stuff?" %>
<%= order_form.text_field :order_date, id:"datepicker" %>

コーヒースクリプト:

$ ->
  $("#datepicker").datepicker({
    minDate: +1,
    dateFormat:"yy-mm-dd"
  })

この行を custom.css ファイルの先頭 (@import bootstrap行の前)に追加しました。

@import url(http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/themes/smoothness/jquery-ui.css);

application.css.scss 内 (require_bootstrap-datepicker を削除したことに注意してください)

 *= require_self
 *= require_tree .
 */

そして、宝石ファイルから宝石を削除しました。

Twitter Bootstrap の日付ピッカーがどのように見えるかはわかりませんが、このテーマは私のアプリケーションでは完璧に機能しました。

于 2012-12-13T22:56:12.533 に答える