Question

Hey everyone I am having problems with the syntax with a jquery ui datepicker onSelect event. Here is my code:

$(document).ready(function () {
    $('.datePicker').datepicker({
        onSelect: function(dateText, inst) {
            var serviceID = $('#Service').val();
            var providerID = $('#Provider').val();
            $.getJSON('@Url.Action("Calendar/FreeSlots")', { serviceId: serviceID, providerId: providerID, date: dateText  }, function (slots) {
                var TimeSlots = $('#TimeSlots');
                TimeSlots.empty();
                $.each(slots, function (index, slot) {
                    TimeSlots.append($('<option/>', {
                         value: slot.value,
                         text: slot.text
                    }));//end append
                }); //end each
            }    //end onSelect
    }); //End datepicker attributes ---->  Firebug Error: missing ) after argument list 
}); ///End Document Ready

I have checked and double checked but I cannot find out how to fix the syntax. You can see in the comments where Firebug is telling me about the syntax error. Please help

Answer 1

You didn’t close your $.getJSON call

$.getJSON('@Url.Action("Calendar/FreeSlots")', { serviceId: serviceID, providerId: providerID, date: dateText  }, function (slots) {
            var TimeSlots = $('#TimeSlots');
            TimeSlots.empty();
            $.each(slots, function (index, slot) {
                TimeSlots.append($('<option/>', {
                     value: slot.value,
                     text: slot.text
                }));
            });
        });