jQuery datepickerが投稿していない

これはRubyを使っていろいろ試してみるための最初の試みです。エントリのブログタイプをしようとしています。デフォルトで現在の日付が与えられていて、別のテキストフィールドにテキストを入力できます。jQuery datepickerが投稿していない

私はdatepickerを作成し、現在の日付を選択するように日付を設定しました。それは自動的に現在の日付を表示し、フィールドをクリックすると、私は別のものを選択することができますが、投稿を提出するとき、日付は処理されていません。

私はテキストフィールドを作成し、手動で日付を入力すると動作します。

これは私の_form.html.erb

<%= form_for(gym) do |f| %> 
    <% if gym.errors.any? %> 
    <div id="error_explanation"> 
     <h2><%= pluralize(gym.errors.count, "error") %> prohibited this gym from being saved:</h2> 


     <ul> 
     <% gym.errors.full_messages.each do |message| %> 
     <li><%= message %></li> 
     <% end %> 
     </ul> 
    </div> 
    <% end %> 

<!-- <div class="field", align="center"> 
    <%= f.label :Date %><br> 
    <%= f.text_field :Date %> 
    </div> --> 

    <div class="input", align="center"> 
    <%= f.label :Date %> 
<input id="Date" type="text" size="10" > 
<script> 
    $(function() { 
    $("#Date").datepicker({dateFormat: 'dd.mm.yy', defaultDate: new Date}); 
    $("#Date").datepicker("setDate", new Date); 
    }); 
    </script> 

</div> 

    <div class="field", align="center"> 
    <%= f.label :Workout %><br> 
    <%= f.text_field :Workout, size:"30x10" %> 
    </div> 

    <div class="actions", align="center"> 
    <%= f.submit "Submit a Workout" %> 
    </div> 
<% end %>

ですこれは私のnew.html.erb

<%= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track': 'reload' %> 
    <%= javascript_include_tag 'application', 'data-turbolinks-track': 'reload' %> 
<body> 
<h1>New Workout</h1> 
<p id ="new_one" ><%= render 'form', gym: @gym %> 
<p id ="new_two", align="center"><%= link_to 'Back', gyms_path, {:style => 'color:#FFF'} %> 
</body>

であり、これは、データを表示するindex.html.erbです。あなたがtext_fieldを作成するためのフォームヘルパーを使用すると、IDがMODEL_NAME _ FIELD_NAME

例であると

<p id="notice"><%= notice %></p> 

<body bgcolor="#D6EAF8"> 

</body> 
<h1 align="center">Workouts</h1> 

<table cellpadding="10", align="center" > 
    <thead> 
    <tr > 
     <th>Date</th> 
     <th>Workout</th> 
     <th colspan="3"></th> 
    </tr> 
    </thead> 

    <tbody bgcolor= "#EBDEF0", align="center"> 
    <% @gyms.each do |gym| %> 
     <tr align="center"> 
     <td><%= gym.Date %></td> 
     <td><%= gym.Workout %></td> 
     <td><%= link_to 'Show', gym %></td> 
     <td><%= link_to 'Edit', edit_gym_path(gym) %></td> 
     <td><%= link_to 'Destroy', gym, method: :delete, data: { confirm: 'Are you sure?'} %></td> 
     </tr> 
    <% end %> 
    </tbody> 
</table> 

<br> 

<p id ="new_work", align="center"><%= link_to 'New Workout', new_gym_path, {:style => 'color:#FFF'}%>

出典

2017-03-29 Kuulme

、レールは、テキストフィールドの入力を作成します。私は、ユーザーのためのフォームを作成する場合

<%= form_for(user) do |f| %> 
    <%= f.text_field :name %> 
<% end %>

Railsはテキストフィールドを作成します：

<input type="text" id="user_name" name="user[name]">

日付ピッカーを追加する場合：

$("#user_name").datepicker({dateFormat: 'dd.mm.yy', defaultDate: new Date})

別ところで、あなたはまた、カスタムIDを持つテキストフィールドの入力を作成することができます。

<%= f.text_field :name, id: "my_input_id" %>

そして

$("#my_input_id").datepicker({dateFormat: 'dd.mm.yy', defaultDate: new Date})

は、私は助けることができると思います。

出典

2017-03-29 11:56:15 hoangdd

ありがとう、私はあなたの指示に私の問題を解決することができた。 – Kuulme

jQuery datepickerが投稿していない

答えて

関連する問題