Page Reload WithOut Refresh in Ruby On Rails on DatePicker Select Event?

Question

My Scenario as Follows

When i change date the corresponding appointment list will change.

My Controller as Follows

def  index
 if (params[:appdate]!=nil)

  @t=params[:appdate]


 else

  @t=Date.today.strftime("%m/%d/%Y")


 end
end 

and View as Follows

<h1>PatientDashBoard</h1>


    Date is<%=@t%>
    <%= form_tag('/patientdashboard') do %>
 <table>
<tr>

<td><div id="appointmentdate"></div></td>
<%=hidden_field_tag 'appdate'%>
</tr>

</table>

<% end %>

and My application.js as follows

$(function() {
$("#appointmentdate").datepicker({
    onSelect : function(dateText, inst) {
         $("#appdate").val(dateText);
         var date=$("#appdate").val();
        // alert(date);
         $(this).parents('form:first').submit();
    }
})
 });

Then How to Write index.js.erb file without refreshing whole page just update the @t value can u please help me to solve this

Answer 1

Use ajax. I didn't tested it. Let me know if any issue..

$(function() {
$("#appointmentdate").datepicker({
    onSelect : function(dateText, inst) {
         $("#appdate").val(dateText);
         var date=$("#appdate").val();
            $.ajax({
              type: "GET",
              dataType: "script",
              url: window.location.href,
              data: { appdate: date},
             });
             return false;
    }
})
});