Как ввести значение datepicker в текстовое поле

Question

У меня есть список задач, и каждая задача имеет параметр даты редактирования, для которого я использую jquery datepicker.

Это мой application.js:

$(function() { 
    $('.date').datepicker({dateFormat: 'yy-mm-dd'}); 
}); 

Это мой _edit_form.html.erb:

<%= form_for task do |f| %> 
    <div class='form-group'> 
    <%= f.text_field :description, placeholder: 'create a task' %> 
    </div> 
    <div class='form-group'> 
    <%= f.label :due_date %> 
    <%= f.text_field :due_date, placeholder: 'select a date', class:"date", readonly: 'readonly' %> 
    </div> 
    <%= button_tag(type:'patch', class:"btn btn-default btn-xs") do %> 
    <span class='glyphicon glyphicon-plus'></span> 
    <% end %> 

<% end %> 

Так что моя проблема заключается в том, что DatePicker работает только для первой задачи в моем списке. Я могу выбрать дату, она будет отображаться в текстовом поле, и она будет отлично передаваться в мой контроллер task#update.

Однако каждое задание после этого не может принимать входные данные от datepicker. Текстовое поле пусто, когда я выбираю дату, и она не переходит в контроллер. Когда я отлаживаю в веб-консоли, значение «=».

Answer 1

Это проблема JQuery с использованием datepicker в нескольких полях. Это не вина Rails это ...

Я думаю, что ответ вам нужно, это «Apply jQuery datepicker to multiple instances»: прикрепить уникальный id к каждому полю, то скрипт функции, как показано ниже:

HTML:

<input type="text" class="datepick" id="date_1" /> 
<input type="text" class="datepick" id="date_2" /> 
<input type="text" class="datepick" id="date_3" /> 

Сценарий:

$('.datepick').each(function(){ 
    $(this).datepicker(); 
});