javascript - 如何让 fullcalendar 进行两次选择?

标签 javascript jquery fullcalendar

我想在日历中进行两个选择。现在我只能制作一个符合我的输入之一的产品。

我试图在日历上选择一个日期,然后第一个选择将转到我的第一个输入标签。

然后,我想选择一个不同的日期来发送到我的第二个输入标记。

所以基本上,我想做两个选择。这是我的代码。我需要在此处回调吗?我把我的代码放在 jsfiddle .

        var calendar = $('#calendar').fullCalendar({
        header: {
            left: 'prev,next today',
            center: 'title',
            right: 'month'
        },
        selectable: true,
        selectHelper: true,
        select: function(start, end, allDay) {
            var title = 'true';
            if (title === 'true') {
                calendar.fullCalendar('renderEvent',
                    {
                        title: title,
                        start: start,
                        end: end,
                        allDay: allDay
                    },
                    true // make the event "stick"
                );
            var eventStart = $.fullCalendar.formatDate(start, "MM/dd/yyyy");
            var eventEnd = $.fullCalendar.formatDate(end, "MM/dd/yyyy");
            $('input[name="startDate"]').val(eventStart);
            }
            calendar.fullCalendar('unselect');
        },
        eventClick: function(calEvent, jsEvent, view) {
            $('#calendar').fullCalendar('removeEvents', calEvent._id);
            $('input[name="startDate"]').removeAttr('value');
            $('input[name="endDate"]').removeAttr('value');
        },
        editable: true
    });

最佳答案

除非我不明白你的问题,否则这样做怎么样?

if($('input[name="startDate"]').val()=='') {
   $('input[name="startDate"]').val(eventStart);
} else {
   $('input[name="endDate"]').val(eventEnd);
}

JSFIDDLE

关于javascript - 如何让 fullcalendar 进行两次选择?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14903691/

相关文章:

javascript - 使用 Jeditable 插件验证 URL 字段

javascript - AngularJS Material 的表支持

javascript - 如果在按钮外单击,jQuery 会隐藏

jquery - 在完整日历中设置自定义隐藏日期

javascript - Gulp 任务未按预期工作

javascript - 我有一个对象数组,我需要找到与特定值关联的人

jquery - 如何使用 on 将当前元素绑定(bind)到单击处理程序

javascript - jQuery.when() 似乎没有在等待

javascript - jQuery fullCalendar 在标题上显示未定义

javascript - HTML 元素上的标准属性和方法不适用于 FullCalendar 'element'