如何将datetimepicker添加到文本框？

我在rails中有一个text_field_tag。如何将datetimepicker添加到文本框？

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

点击这个text_field我希望打开一个datetimepicker，将日期添加到该字段。

我该如何实现它？任何人都可以帮忙吗？先谢谢你。

来源

2016-06-27 Vishal

除非你使用宝石，否则我认为Rails中不可能。也许一些JavaScript/JQuery插件？ – lcguida

你可以参考下面的链接... [引用这里]（http://stackoverflow.com/questions/23096517/jquery-datepicker-with-rails-4） –

@Bharatsoni我引用了链接，我也尝试了选项从它，但它不工作。 – Vishal

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

来源

2016-06-27 07:10:39

Thanx的答复。但我试了一下。但没有工作。 – Vishal

你做了什么？ http://xdsoft.net/jqplugins/datetimepicker/这是文档，请通过它。 –

首先你需要datapicker宝石添加到您的Gemfile

gem 'bootstrap-datepicker-rails'

运行bundle install

添加此行APP /资产/样式表/ 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>

来源

2016-06-27 08:29:51 vipin

您需要添加这两个线路：

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>

这对我有效。

来源

2016-06-27 11:54:40

如何将datetimepicker添加到文本框？

回答

相关问题