jQuery从完整日历中获取时间

时间:2017-09-10 19:14:52

标签: javascript jquery

我想在模态中手动输入时间,但是每次弹出模态时,输入字段的值都已经是我计算机时钟中的当前时间。

如何编辑javascript以便它不会自动生成时间。 我在这里使用了插件https://github.com/tliokos/jquery-fullcalendar-crud。我刚刚下载了它。顺便说一下,这是我第一次使用这个插件。

这是javascript代码:

$(function(){
var currentDate; // Holds the day clicked when adding a new event
var currentEvent; // Holds the event object when editing an event
$('#color').colorpicker(); // Colopicker
$('#time').timepicker({
    minuteStep: 5,
    showInputs: false,
    disableFocus: true,
    showMeridian: false
});  // Timepicker
// Fullcalendar
$('#calendar').fullCalendar({
    timeFormat: 'H(:mm)',
    header: {
        left: 'prev, next, today',
        center: 'title',
        right: 'month, basicWeek, basicDay'
    },
    // Get all events stored in database
    events: 'crud/getEvents.php',
    // Handle Day Click
    dayClick: function(date, event, view) {
        currentDate = date.format();
        // Open modal to add event
        modal({
            // Available buttons when adding
            buttons: {
                add: {
                    id: 'add-event', // Buttons id
                    css: 'btn-success', // Buttons class
                    label: 'Add' // Buttons label
                }
            },
            title: 'Add Event (' + date.format() + ')' // Modal title
        });
    },
    // Event Mouseover
    eventMouseover: function(calEvent, jsEvent, view){
        var tooltip = '<div class="event-tooltip">' + calEvent.description + '</div>';
        $("body").append(tooltip);
        $(this).mouseover(function(e) {
            $(this).css('z-index', 10000);
            $('.event-tooltip').fadeIn('500');
            $('.event-tooltip').fadeTo('10', 1.9);
        }).mousemove(function(e) {
                $('.event-tooltip').css('top', e.pageY + 10);
                $('.event-tooltip').css('left', e.pageX + 20);
            });
    },
    eventMouseout: function(calEvent, jsEvent) {
        $(this).css('z-index', 8);
        $('.event-tooltip').remove();
    },
    // Handle Existing Event Click
    eventClick: function(calEvent, jsEvent, view) {
        // Set currentEvent variable according to the event clicked in the calendar
        currentEvent = calEvent;
        // Open modal to edit or delete event
        modal({
            // Available buttons when editing
            buttons: {
                delete: {
                    id: 'delete-event',
                    css: 'btn-danger',
                    label: 'Delete'
                },
                update: {
                    id: 'update-event',
                    css: 'btn-success',
                    label: 'Update'
                }
            },
            title: 'Edit Event "' + calEvent.title + '"',
            event: calEvent
        });
    }
});
// Prepares the modal window according to data passed

1 个答案:

答案 0 :(得分:0)

建议查看timepicker的文档。 https://jdewit.github.io/bootstrap-timepicker/

在这种情况下设置defaultTime = false

defaultTime 'current'(默认值) - 设置为当前时间。 设置为特定时间 - '11:45 AM' false - 不设置默认时间