带有选定日期jQuery的datepicker中的Ajax调用?

时间:2018-07-11 07:37:14

标签: jquery ajax datepicker jquery-ui-datepicker fosjsroutingbundle

我正在建造Monthpicker。如何在datepicker中进行ajax调用?

$(function () {
    $('#datepicker').datepicker({
        minDate: new Date('2013'),
        maxDate: new Date(),
        changeMonth: true,
        changeYear: true,
        dateFormat: "yy-mm",
        onClose: function () {
            $.ajax({
                url: Routing.generate('ajax_table', $this)
            })
        }
    });
}); 

如何传递onClose中的选定值?我想在ajax调用后呈现一个表。我正在使用fos_routing.js。

2 个答案:

答案 0 :(得分:1)

您可以这样写:

$(function () {
    $('#datepicker').datepicker({
        minDate: new Date('2013'),
        maxDate: new Date(),
        changeMonth: true,
        changeYear: true,
        dateFormat: "yy-mm",
        onClose: function (selectedDate) {
            $.ajax({
                url: Routing.generate('ajax_table', {selectedDate: selectedDate})
            })
        }
    });
}); 

答案 1 :(得分:1)

根据http://api.jqueryui.com/datepicker/#option-onClose,jQuery UI DatePicker onClose事件具有2个参数。 dateText和datepicker实例。

您可以将dateText用于ajax调用。我希望这会有所帮助。