ruby-on-rails - 如何将日期时间选择器添加到文本框？

Question

我在 rails 中有一个 text_field_tag。

<%=text_field_tag 'promocode_expiration','',class: "promoExp form-control",id: "datetimepicker1",size: 10%>

单击此 text_field 我希望打开一个日期时间选择器，以将日期添加到该字段。

我怎样才能实现它？有人可以帮忙吗？提前谢谢你。

Answer 1

你需要添加这两行:

gem 'momentjs-rails', '>= 2.9.0'
gem 'bootstrap3-datetimepicker-rails', '~> 4.17.37'

然后，你需要做:

$ bundle

然后，将以下内容添加到您的 JavaScript list 文件 (application.js):

//= require moment
//= require bootstrap-datetimepicker

然后，修改您的 application.css 并添加:

*= require bootstrap
*= require bootstrap-datetimepicker

最后，在您的 View 文件中:

<div class='input-group date' id='datetimepicker1'>
  <input type='text' class="form-control" />
    <span class="input-group-addon">
      <span class="glyphicon glyphicon-calendar"></span>
    </span>
</div>
<script type="text/javascript">
  $(function () {
    $('#datetimepicker1').datetimepicker();
  });
</script>

这对我有用。