完整日历事件源数据在参数中传递空值

Question

我正在使用 jQuery 完整日历。单击完整日历时将放置一个按钮，将发送 post 请求。单击按钮时，日历需要从文本框中获取值并从站点重新获取事件。

错误是在单击按钮时发送文本框中的空值，并且发送默认的 select 项目值而不是输入的新值由用户。

如何解决这个问题。以下是代码

    $('#search').click(function() {

        $('#calendar').fullCalendar('refetchEvents');

    });

 $('#calendar').fullCalendar({
            defaultView: 'agendaDay',
            header: {
                left: 'prev,next today',
                center: 'title',
                right: 'agendaDay'
            },
            cache: false,
            eventSources: [
                    {
                        url: "http://" + window.location.host + "/Appointment/Appointments/",
                        type: 'POST',
                        data: {
                            doctor: $("input[name=Doctor]").val(), **//NULL VALUE IS SENT**
                            room: $('select[name=Room]').val() **//DEFAULT SELECT LIST ITEM VALUE SENT**
                        },
                        error: function() {
                            alert('there was an error while fetching events!');
                        },
                        success: function (dataQ) {

                            for (var i = 0; i < dataQ.length; i++) {
                                dataQ[i].start = moment(dataQ[i].start);
                                dataQ[i].end = moment(dataQ[i].end);
                            }
                        },
                        color: 'grey',   
                        textColor: 'white' 
                    }
            ]
        });

Answer 1

$("input[name=Doctor]").val() 在加载您的页面时在此处计算一次。这就是为什么您之后输入的任何内容都不会发送的原因。

您应该使用以下函数加载事件：http://fullcalendar.io/docs/event_data/events_function/

完整日历事件源数据在参数中传递空值

Full Calendar Event Sources Data passing null values in parameter

html

javascript

jquery

fullcalendar