Question

我在rails中有一个text_field_tag。

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

点击此text_field后，我想打开一个datetimepicker，向该字段添加日期。

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

Answer 1

您需要添加以下两行：

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

然后，你需要做：

$ bundle

然后，将以下内容添加到JavaScript清单文件（application.js）：

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

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

*= require bootstrap
*= require bootstrap-datetimepicker

最后，在您的视图文件中：

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

这对我有用。

Answer 2

您需要添加jquery datetimepicker gem来添加此功能。这是链接：https://github.com/Envek/jquery-datetimepicker-rails

Answer 3

首先，您需要将数据贴图Gem添加到您的Gemfile

中

gem 'bootstrap-datepicker-rails'

运行bundle install

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

 *= require bootstrap-datepicker

将此行添加到app / assets / javascripts / application.js

//= require bootstrap-datepicker

在视图中只是粘贴html代码

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

或

<input type="text" class='datepicker' >

<script type="text/javascript">
  $(document).ready(function(){
    $('.datepicker').datepicker();
  });
</script>

Answer 4

只想提供一个替代的宝石，它没有任何其他依赖性；

gem 'laydate-rails'

https://github.com/AlbaHoo/laydate-rails，运行良好。

如何将datetimepicker添加到文本框？

4 个答案: