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>