3

私は bootstrap-datepicker.js を使用していますが、正常に動作しています。

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

このようなタイプのレールで自分のフォームで使用したい

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

ここで、日付ピッカーをフォーム内に配置したいと思います

`<%f.(datepicker)%>`

フォームを送信すると、パラメーターの日付で日付の値を取得できるようになります。日付ピッカーで日付をクリックすると、非表示になり、デフォルトの日付が現在の日付を指す必要があります。私のappication.jsが含まれています

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


    });
4

4 に答える 4

5

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

自動非表示にするには、これを使用します

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

それ以外の

$("#dt5").datepicker();
于 2012-08-23T08:50:30.630 に答える
3

これをより簡潔に表現できます。

$("#dt5").datepicker({
                           format: 'mm-dd-yyyy',
                           autoclose: true
                           })
于 2013-03-12T11:10:23.337 に答える
1

私はすべての答えをチェックしましたが、どれもうまくいきませんでした。私は以下を使用しました：

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

私の場合、MySQLyyyy-mm-ddは形式を期待していましたが、datepicker のデフォルト形式はmm/dd/yyyy. IMHO、ユーザーは形式を気にしないので、どこでも同じ形式を使用して、多くの手間を省きたい.

于 2017-10-18T03:31:33.927 に答える