Rails 4 + simple_form et jQuery UI. Datepicker ne fonctionne pas via les turbines

J'ai ce formulaire qui appelle datepicker:

...
<%= f.input :expiration_date, as: :datepicker, required: false %>
...

Simple_form wrapper:
app/entrées/datepicker_input.rb

class DatepickerInput < SimpleForm::Inputs::Base
  def input
    @builder.text_field(attribute_name, input_html_options) + \
    @builder.hidden_field(attribute_name, { :class => attribute_name.to_s + "-alt"})
  end
end

Lorsque la page est chargée à partir de zéro ( $(document).prêt de l'événement ), le code html suivant est généré:

<input class="datepicker optional form-control hasDatepicker" id="order_expiration_date" name="order[expiration_date]" type="text">

Toutefois, lorsque la page est chargée avec turbolinks (à partir de la barre de navigation "à la page load" de l'événement), le rendu HTML est le suivant:

<input class="datepicker optional form-control" id="order_expiration_date" name="order[expiration_date]" type="text">

Bien sûr, je peux simplement ajouter hasDatepicker classe .html.erb ou dans application.js fichier, mais je me demande si il est possible de le réaliser avec des Rails de la fonctionnalité.

source d'informationauteur Extrapolator

  1. 13

    J'ai enfin trouvé un correctif:

    app/entrées/datepicker_input.rb gauche est la même, l'emballage des œuvres de nice.

    assets/javascripts/application.js

    //= require jquery
//= require jquery_ujs
//= require turbolinks
//= require bootstrap.js
//= require_tree .

$(document).on("page:load ready", function(){
    $("input.datepicker").datepicker();
});

    Depuis :datepicker type d'entrée ajoute ".datepicker" classe de rendu HTML, il suffit juste de lier datepicker() pour tous les éléments de cette classe. Il fait le truc avec le moins de code.

    Il est important de préciser d'entrée".datepicker" depuis le ".datepicker" la classe est ajoutée à l'étiquette et les balises input.

    turbolinks lance une page:la charge de l'événement, j'ai ajouté gestionnaire pour les deux cas - lorsque la page se charge avec turbolinks, et quand il charge à partir de zéro (rafraîchissement de la fenêtre, lien enregistré dans les favoris, etc)

    Maintenant la suivante .html.erb est rendu que j'attends:

    <%= f.input :expiration_date, as: :datepicker, required: false,
    :placeholder => 'Select date', input_html: {class: "form-control"},
    label: "Expiration date: " %>

    de sortie:

    <div class="control-group datepicker optional order_expiration_date">
  <label class="datepicker optional control-label" for="order_expiration_date">Expiration date: </label>
  <div class="controls">
    <input class="datepicker optional form-control hasDatepicker" id="order_expiration_date" name="order[expiration_date]" placeholder="Select date" type="text">
    <input class="expiration_date-alt" id="order_expiration_date" name="order[expiration_date]" type="hidden">
  </div>
</div>
  2. 3

    Les ouvrages suivants, pour moi en simple_form et jquery-ui:

    js:

    $('input#date_field').datepicker();

    forme:

    <%= f.text_field :expiration_date, :placeholder => 'Select Date' %>

    Sans as: :datepicker.

  3. 1

    Essayez ceci:

    <%= f.text_field :expiration_date, as: :datepicker, :placeholder => 'Select Expiration Date' %>

    Javascript

     $(document).ready(function() {
    $('#order_expiration_date').datepicker({
        changeMonth: true,
        changeYear: true,
        yearRange: '-70:-18'
    });
  });

    app/assets/javascript/application.js devrait être

    //= require jquery
//= require jquery.turbolinks
//= require jquery_ujs
//= require jquery.ui.all
//= require turbolinks