Измените поле ввода полного календарного запроса jquery на выпадающий список

Я реализую полный календарь jquery на моем сайте PHP. когда я нажимаю на любую дату календаря, это дает мне подсказку. Есть поле ввода, запрашивающее название события. Я хочу изменить это поле ввода и хочу выпадающий список вместо поля ввода. Является ли это возможным? Это календарь, который я использую 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>

Это код, который я реализую и просто хочу выпадающий список вместо названия

Спасибо заранее

0

Решение

Prompt — это встроенный компонент js. Вы не должны пытаться переопределить это. Попробуйте использовать пользовательский диалог / модал. В jQuery UI есть отличный диалоговый компонент, который позволит вам использовать элемент select или любой другой HTML, который вы считаете нужным.

0

Другие решения

Других решений пока нет …

По вопросам рекламы [email protected]