Как добавить datetimepicker в текстовое поле?

У меня есть text_field_tag в рельсах.Как добавить datetimepicker в текстовое поле?

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

При щелчке этого текстового поля я хочу открыть 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 Gem в ваш Gemfile

gem 'bootstrap-datepicker-rails'

пробег bundle install

Добавьте эту строку в приложение/активы/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>

источник

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 в текстовое поле?

ответ

Смежные вопросы