Wie datetimepicker zu einem Textfeld hinzufügen?

Ich habe einen Text_field_tag in Schienen.Wie datetimepicker zu einem Textfeld hinzufügen?

Klicken Sie auf dieses Textfeld, ich möchte einen Datetimepicker öffnen, um dem Feld ein Datum hinzuzufügen.

Wie kann ich es erreichen? Kann mir bitte jemand helfen? Vielen Dank im Voraus.

2016-06-27 Vishal

Sofern Sie nicht ein Juwel verwenden, glaube ich nicht, dass es in Rails möglich ist. Vielleicht ein Javascript/Jquery Plugin? – lcguida

Sie können den folgenden Link beziehen ... [Siehe hier] (http://stackoverflow.com/questions/23096517/jquery-datepicker-with-rails-4) –

@Bharatsoni Ich habe den Link und ich habe auch die Optionen ausprobiert von ihm, aber es funktioniert nicht. – Vishal

Sie müssen das Juwel juery datetimepicker hinzufügen, um diese Funktionalität hinzuzufügen. Hier ist der Link: https://github.com/Envek/jquery-datetimepicker-rails

Quelle

2016-06-27 07:10:39

Danke für die Antwort. Aber ich habe es ausprobiert. aber nicht funktioniert. – Vishal

Was hast du gemacht? http://xdsoft.net/jqplugins/datetimepicker/ Dies ist die Dokumentation, bitte gehen Sie es durch. –

zuerst müssen Sie Datapicker Gem in Ihr Gemfile

gem 'bootstrap-datepicker-rails'

Lauf bundle install

Fügen Sie diese Zeile hinzufügen, um app/assets/Stylesheets/application.css

*= require bootstrap-datepicker

Fügen Sie diese Zeile zur App/assets/javascripts/application.js

hinzu

//= require bootstrap-datepicker

in Ansicht einfügen nur HTML-Code

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

oder

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

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

Quelle

2016-06-27 08:29:51 vipin

Sie benötigen diese zwei Zeilen hinzufügen:

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

Dann müssen Sie tun:

$ bundle

Dann

, Fügen Sie die folgenden zu Ihrem JavaScript-Manifest-Datei (application.js):

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

Und, ändern Sie Ihre application.css und fügen:

*= require bootstrap 
*= require bootstrap-datetimepicker

Und schließlich Ihrer Ansicht Datei :

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

Das hatte für mich gearbeitet.

Quelle

2016-06-27 11:54:40

Wie datetimepicker zu einem Textfeld hinzufügen?

Antwort

Verwandte Themen