Question

I have a jquery DatePicker control From and To. Once the date is changed in either of them, I want to call a controller method. How can I do this and how can associate the event of changing date to the function.

Assume that Controller is called TestController and the method is TestMethod and it takes two parameters namely DateTime StartDate and DateTime EndDate.

Any ideas and suggestions are greatly appreciated.

Answer 1

You can use the onselect event for jquery datepicker to trigger a call to the controller once user select any date:

  $('#date').datepicker({

        // Once date change, call controller action
        onSelect: function (dateText, inst) {
            $.ajax({
                 url: '/TestController/TestMethod',
                 type: 'POST',
                 data: { startDate: sDate, endDate: eDate},
                 success: function (result) {
                   // Do action you need upon success call
                 }
            });
        }
    });

Hope this is what you want 🙂