如何设置bootstrap-datepicker-rails？ [英] How to setup bootstrap-datepicker-rails?

问题描述

有人知道如何设置gem bootstrap-datepicker-rails？我按照 http://rubydoc.info/gems/bootstrap- datepicker-rails / 0.6.21 / frames ，基本上是：

1. 我设置 twitter-bootstrap- rails gem


2. 我将其添加到gemfile gem'bootstrap-datepicker-rails'，'> = 0.6.21' code>



3. 将此行添加到app / assets / stylesheets / application.css

     * = require bootstrap-datepicker 
     




4. 将此行添加到应用/资源/ javascripts / application.js

     // = require bootstrap-datepicker 
     / pre> 




5. 将此行添加到app / assets / javascripts / controllername.js.coffee

     $（'。datepicker'）。datepicker（）
     



6. p>最后使用视图:)

    < input type =textdata-behavior ='datepicker'> 
     

但它不工作！有人有工作吗？它应该很好，如下所示：

http://jsfiddle.net/2Gg5k/43 /

解决方案

查看步骤5和步骤6，您的选择课程 .datepicker 在javascript中，但不在输入字段

尝试这个

视图（例如表单）

 <％= f.text_field：mydate，'data -behaviour'=> 'datepicker'％> 
 
< script type =text / javascript> 
 $（'[data-behavior〜= datepicker]'）。datepicker（）; 
< / script> 
  

或作为组件：

 < div class =input-append date datepickerdata-date =12-02-2012data-date-format =dd-mm-yyyy> 
<％= f.text_field：mydate，'data-behavior'=> '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

Anybody knows how to setup the gem bootstrap-datepicker-rails? I followed the steps in http://rubydoc.info/gems/bootstrap-datepicker-rails/0.6.21/frames, basically:

1. I setup twitter-bootstrap-rails gem
2. I add this to gemfile gem 'bootstrap-datepicker-rails', '>= 0.6.21'

3. Add this line to app/assets/stylesheets/application.css

   *= require bootstrap-datepicker
   

4. Add this line to app/assets/javascripts/application.js

   //= require bootstrap-datepicker
   

5. Add this line to app/assets/javascripts/controllername.js.coffee

   $('.datepicker').datepicker()
   

6. Finally use in view :)

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

But it doesn't work!! Anybody has got it to work? It should work nice as shown here:
http://jsfiddle.net/2Gg5k/43/

解决方案

Look at step 5 and step 6, your selection class .datepicker in javascript but not in input field

Try this

on views (e.g form)

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

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

Or As component :

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

Example above all if the attribute using date type. You can use bootstrap-datetimepicker-rails gem, if the attribute using datetime type

这篇关于如何设置bootstrap-datepicker-rails？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！