选择日期时保存表单(Save form when date is selected)

选择日期时保存表单(Save form when date is selected)

我想在没有提交按钮的情况下从datepicker中选择日期时保存表单。

但是，我不知道我应该在update.js.erb中键入什么来帮助我这样做。

这是我的代码：

show.html.erb

<%= form_for(@place , :html => { :multipart => true }) do |f| %> div class="field"> <%= f.label :select_start %><br /> <%= f.text_field :select_start, id: "place_select_start" %> </div>

JavaScript的

$(function() { var startDate="<%= @place.start_date %>"; var endDate="<%= @place.end_date %>"; $("#place_select_start").datepicker({ value: new Date(), minDate: new Date(startDate), maxDate: new Date(endDate), dateFormat: 'yy-mm-dd', beforeShowDay: unavailable }) });

I would like to save the form when the date is selected from datepicker without a submit button.

However, I do not know what shall I type into update.js.erb to assist me to do that.

Here are my codes:

show.html.erb

<%= form_for(@place , :html => { :multipart => true }) do |f| %> div class="field"> <%= f.label :select_start %><br /> <%= f.text_field :select_start, id: "place_select_start" %> </div>

javascript

$(function() { var startDate="<%= @place.start_date %>"; var endDate="<%= @place.end_date %>"; $("#place_select_start").datepicker({ value: new Date(), minDate: new Date(startDate), maxDate: new Date(endDate), dateFormat: 'yy-mm-dd', beforeShowDay: unavailable }) });

最满意答案

这样的事情将在日期改变时触发表单提交：

$('#place_select_start').datepicker({ onSelect: function() { $(this).closest('form').submit(); } });

Something like this will trigger the form submit when the date is changed:

$('#place_select_start').datepicker({ onSelect: function() { $(this).closest('form').submit(); } });