Rails Jquery datepicker 使用教程

一个很漂亮的时间选择 小日历   ，rails 中实现时间插件的选择 最佳选择

 

1.安装gem gem 'jquery-ui-rails', '4.0.5'  bundle install

 

2.导入相关包 require  引用

  jquery－ui  js

  jquery－ui  css

  jquery－ui  image

 

3.加入代码：

<script>

    $(function() {

       $('.datepicker').datepicker();

     });

 </script>

 

 

4.引用

<%= f.text_field :over_time, :class => 'datepicker' %>

 

5.因为datapicker这个插件没有时间选择还需

  require jquery-ui-timepicker-addon.js

 

6.修改3步骤中的代码

 

script>

    $('.datepicker').datetimepicker({

      timeFormat: 'hh:mm'

    })

</script>