Comment puis-je mettre le bootstrap datepicker dans mon formulaire et ont de la valeur dans le paramètre de date?

Je suis en utilisant bootstrap-datepicker.js et il fonctionne très bien.

<div class="well">
<div id="dp5" class="input-append date" data-date-format="dd-mm-yyyy" data-date="12-02-2012">
<input class="span2" type="dp5" readonly="" value="12-02-2012" size="16">
<span class="add-on">
<i class="icon-th"></i>
</span>
</div>

  </div>

Je veux l'utiliser dans mon formulaire dans les rails qui est de ce type

<%= simple_form_for(@customer) do |f| %>
  <%= f.error_notification %>

  <div class="form-inputs">
    <%= f.input :name %>
    <%= f.input :email %>
    <%= f.input :address %>
    <%= f.input :phone %>
    <%= f.input :Projects %>
     <%= f.radio_button :status, 0, :checked => true%>Publish
    <%= f.radio_button :status, 1 %>Unpublish
    <%= f.radio_button :status, 2 %>Trash


  </div>

  <div class="form-actions">
    <%= f.button :submit %>
  </div>
<% end %>

Ici, je veux mettre le sélecteur de date à l'intérieur de mon formulaire comme 

`<%f.(datepicker)%>`

de sorte que quand je soumettre mon formulaire j'obtiens la valeur de date dans le paramètre date. Quand je clique sur la date dans le datepicker il devrait se cacher et de la date par défaut devrait point à la date actuelle. mon appication.js comprend

 $(function(){  
        $('#dp5').datepicker({
            format: 'mm-dd-yyyy'
        });
        $('#dp3').datepicker({
            format: 'mm-dd-yyyy'
        });


    });
InformationsquelleAutor regmiprem | 2012-08-23
  1. 4

    Utilisation <%= f.text_field :name_of_the_date_column, :value=>Date.today.strftime('%m-%d-%Y'), :id =>"dp5" %>

    À masquer automatiquement utiliser cette

    $("#dt5").datepicker({
        format: 'mm-dd-yyyy'
    })
.on('changeDate', function(ev){
  $('#dt5').datepicker('hide');
});

    au lieu de 

    $("#dt5").datepicker();
    • Il Ya des œuvres cacher des processus, mais la date commence à partir de 19... j'ai envie d'être actif, d'abord dans la présente date et après clickin date à laquelle nous voulons modifier à nouveau la il ne marche pas.
    • vérifier la mise à jour de réponse ,ajouter de la valeur à la datefield
    • Ya il donne la date du jour dans le champ de texte mais clickin datepicker commence à partir de 1982, lorsqu'il a cliqué.
    • c'est bizarre de travail pour moi, vous assurer que vous avez appliqué à l'élément correct?
    • ya je veux dire, tout fonctionne bien à côté du sélecteur de date active en 1982 lors d'un clic.
    • Je suppose que certains où vous pourriez avoir javascript qui est l'application de la date de l'entrée
    • si vous utilisez le même datepicker config au lieu de l'appliquer à tous les id de l'appliquer à une classe et l'utiliser dans tous les lieux

    InformationsquelleAutor Pritesh Jain
  2. 5

    J'ai simplement répondu à une question similaire ici et ont compris ma réponse ci-dessous:

    J'ai aussi besoin d'obtenir ce travail et le soutien de plusieurs paramètres régionaux qui n'utilisent pas de NOUS centrée sur les formats de date, par exemple: fr-AU (Australie), qui a le format de date jj/mm/aaaa.

    Le Problème

    Rails attend le format de la date à yyyy-mm-dd à partir du navigateur, mais vous souhaitez afficher la date dans les paramètres régionaux de l'utilisateur. Alors que la date de commande vous permet de spécifier le format pour l'affichage, il ne vous permet PAS de spécifier le format à être envoyé vers le serveur.

    La Solution

    Construire un champ caché qui envoie le bon format de retour à votre serveur rails. Je le fais avec un " custom simple_form de contrôle d'entrée qui s'appuie à la fois de la date-picker champ de saisie et un champ caché, et utiliser du javascript pour convertir les rails de la date à laquelle le contrôle d'entrée des changements.

    Le résultat est que vous pouvez avoir une belle bootstrap date-picker dans les rails et l'utiliser avec simple_form comme suit:

    <%= f.input :date, as: :bootstrap_datepicker %>

    Ou d'utiliser un format de date longue:

    <%= f.input :date, as: :bootstrap_datepicker, input_html: { format: :long } %>

    Mise en œuvre

    De créer ou de modifier les fichiers suivants:

    Gemfile

    gem 'bootstrap-sass'
gem 'bootstrap-datepicker-rails'

    config/locales/fr-AU.yml

    en-AU:
  date:
    datepicker:
      default: "dd/mm/yyyy"
      long: "dd MM, yyyy"
    formats:
      default: ! '%d/%m/%Y'
      long: ! '%d %B, %Y'

    config/locales/fr-fr.yml

    en-US:
  date:
    datepicker:
      default: "mm/dd/yyyy"
      long: "MM dd, yyyy"
    formats:
      default: "dd/mm/yyyy"
      long: ! '%B %d, %Y'

    app/assets/css/de l'application.css.scss

    @import "bootstrap-responsive";
@import "bootstrap-datepicker";

    app/assets/javascripts/de l'application.js.café

    #= require bootstrap
#= require bootstrap-datepicker
#= require bootstrap-datepicker-rails

    Sinon, app/assets/javascripts/application.js

    //= require bootstrap
//= require bootstrap-datepicker
//= require bootstrap-datepicker-rails

    app/assets/javascripts/bootstrap-datepicker-rails.js.café

    $ ->
  # convert bootstrap-datepicker value to rails date format (yyyy-mm-dd) on our hidden field
  $(document).on 'changeDate', '.bootstrap-datepicker', (evt) ->
    rails_date = evt.date.getFullYear() + '-' + ('0' + (evt.date.getMonth() + 1)).slice(-2) + '-' + ('0' + evt.date.getDate()).slice(-2)
    $(this).next("input[type=hidden]").val(rails_date)

    app/entrées/bootstrap_datepicker_input.rb

    class BootstrapDatepickerInput < SimpleForm::Inputs::Base
def input
text_field_options = input_html_options.with_indifferent_access
format =  text_field_options.delete(:format)
hidden_field_options = text_field_options.dup
hidden_field_options[:class] = text_field_options[:class].dup # so they won't work with same array object
hidden_field_options[:id] = "#{attribute_name}_hidden"
text_field_options[:class] << 'bootstrap-datepicker'
text_field_options[:type] = 'text'
text_field_options[:value] ||= format_date(value(object), format)
set_data_option text_field_options, 'date-format', I18n.t(format, scope: [:date, :datepicker], default: :default)
default_data_option text_field_options, 'provide', 'datepicker'
return_string =
"#{@builder.text_field(attribute_name, text_field_options.to_hash)}\n" +
"#{@builder.hidden_field(attribute_name, hidden_field_options.to_hash)}\n"
return return_string.html_safe
end
protected
def default_data_option(hash, key, value)
set_data_option(hash,key,value) unless data_option(hash, key)
end
def data_option(hash, key)
hash[:data].try(:[],key) || hash["data-#{key}"]
end
def set_data_option(hash, key, value)
hash[:data].try(:[]=,key,value) || (hash["data-#{key}"] = value)
end
def value(object)
object.send @attribute_name if object
end
def format_date(value, format=nil)
value.try(:strftime, I18n.t(format, scope: [ :date, :formats ], default: :default))
end
end
    • Pour l'en-US format de date par défaut, il devrait probablement être '%m/%d/%Y "au lieu de" jj/mm/aaaa"
    InformationsquelleAutor Andrew Hacking
  3. 3

    Vous pouvez l'exprimer de façon plus concise:

    $("#dt5").datepicker({
format: 'mm-dd-yyyy',
autoclose: true
})
    InformationsquelleAutor muttonlamb
  4. 1

    J'ai vérifié toutes les réponses, aucun n'a fonctionné pour moi. J'ai utilisé les suivants:

    <%= f.text_field :article_date, {"data-provide" => 'datepicker', 
"data-date-format" => "yyyy-mm-dd"} %>

    Dans mon cas, MySQL devrait yyyy-mm-dd format, tout en datepicker format par défaut est mm/dd/yyyy. À mon humble avis, les utilisateurs ne se soucient pas de format, donc, je préfère avoir le même format à tous sur la place et de me sauver un tas d'ennuis.

    InformationsquelleAutor Roozbeh Zabihollahi