Question

我在PHP网站上实现了jquery完整日历。当我点击任何日历日期时，它会给我一个提示。有一个输入字段要求事件标题。我想更改此输入字段，并希望下拉列表代替输入字段。可能吗？这是我正在使用的日历http://fullcalendar.io/

<script>

    $(document).ready(function() {

        $('#calendar').fullCalendar({
            header: {
                left: 'prev,next today',
                center: 'title',
                right: 'month,agendaWeek,agendaDay'
            },
            defaultDate: '<?php echo date("Y-m-d"); ?>',
            selectable: true,
            selectHelper: true,
            select: function(start, end) {
                var title = prompt('Please fill schedule title & add fees');
                var eventData;
                if (title) {
                    eventData = {
                    title: title,
                    url: 'javascript:fee_add("' + title + '","' + start +'");',
                    start: start,
                    end: end
                    };
                    $('#calendar').fullCalendar('renderEvent', eventData, true); // stick? = true
                }
                $('#calendar').fullCalendar('unselect');
            },
            editable: true,
            eventLimit: true, // allow "more" link when too many events
            events: [
                <?php
                     if($mysql->rowCount($query) > 0)
                    {
                        $rows = $mysql->fetchArray($query);
                        foreach($rows as $row)
                        {
                            if($row['date_time'] !='0000-00-00 00:00:00')  
                            {
                                $date1 = date_create_from_format('Y-m-d H:i:s', $row['date_time']);
                                $date = date('Y-m-d', $date1->getTimestamp());
                                $time = date('H:i', $date1->getTimestamp());
                                $time_hr = date('H:i:s', $date1->getTimestamp());
                            }
                ?>
                            {
                                title: '<?php echo $row["fee_title"]; ?>',
                                url: 'javascript:fee_edit(<?php echo $row["id"]; ?>,"<?php echo $row["fee_title"]; ?>","<?php echo $date . " " . $time_hr; ?>");',
                                start: '<?php echo $date; ?>T<?php echo $time ?>'
                            },
                <?php
                        }
                    }
                ?>
            ]
        });

    });
        </script>



</div>

<div id='calendar'></div>

这是我正在实施的代码，只需要下拉列表代替标题

提前完成

Answer 1

提示是一个内置的js组件。你不应该试图覆盖它。尝试使用自定义对话框/模态。 jQuery UI有一个很棒的对话框组件，可以让你使用select元素或你认为合适的任何其他html。

将jquery完整日历提示输入框更改为下拉列表

1 个答案: