3
Возможно ли создать пользовательскую дату окончания, основанную на выборе из selectbox? Пусть у меня есть этот HTML - Он имеет название и продолжительность события:fullcalendar пользовательская дата окончания
<select name="event-title" id="event-title">
<option value="Træning" data-duration="01:00">Træning</option>
<option value="Træning + Måling" data-duration="01:15">Træning og måling</option>
<option value="Billeder" data-duration="00:20">Foto Session</option>
</select>
При нажатии добавить событие, затем дату/время окончания, должен быть день и время_запуска щелкнул + продолжительность:
Смотрите здесь код с комментариями:
select: function (start, end, allDay) {
$('#fc_create').click(); //trigger modal
var startHours = moment(start).format('hh:mm'),
started = start,
ended = end;
//started variable could return: Mon Jan 11 2016 09:10:00 GMT+0000
//Set value to selected time
$("#event-start").val(startHours);
$(".antosubmit").on("click", function() {
var title = $("#event-title").val(),
duration = $("#event-title").find("option:selected").data('duration');
if (end) {
//Returns ex: Mon Jan 11 2016 09:35:00 GMT+0000
// However, the end time here should be the starttime + the duration - So in this it should be: 10.10
// as the start time was 09:10 + a duration on 1 hour (from the selectbox)
ended = end
}
if (title) {
calendar.fullCalendar('renderEvent', {
title: title,
start: started,
end: end,
allDay: false
},
true); // make the event "stick"
}
$('#title').val('');
calendar.fullCalendar('unselect');
$('.antoclose').click();
return false;
});
}
Я не понимаю проблемы. Вы пытались суммировать? 'end = start + data-duration', используя плагин' moment'? –
Однако я рекомендую отредактировать html в 'data-duration = '01:00' 'с' data-duration = "01:00:00", потому что, вероятно, ваши значения будут обрабатываться как минуты, и не часов. –