Как перейти к определенной дате в полном календаре Laravel?

Question

Я использую полный календарь Maddhatter. И я хочу сделать вклад, который позволит вам перейти к определенной дате.

Я просто ищу в fullcalendar.io и обнаружил функцию gotoDate. Как я могу использовать эту функцию на Laravel? или есть какое-нибудь решение, чтобы это произошло?

Answer 1

Нет необходимости делать это в Laravel вообще ... Код Laravel / PHP запускается на стороне сервера. Код Laravel просто отображает HTML и JavaScript в браузере, чтобы заставить работать fullCalendar. Поэтому вы можете сделать это полностью на стороне клиента, используя JavaScript, и не обращать внимания на часть Laravel. Единственное, что вам нужно отметить в своем PHP-коде, - это идентификатор, который вы даете календарю - замените calendar идентификатор в моем коде ниже на идентификатор, который вы использовали.

HTML:

Date: <input type="date" id="dateField"/>
<button type="button" id="dateBtn">Go to date</button>

JavaScript:

$("#dateBtn").click(function(){
    $("#calendar").fullCalendar("gotoDate", $("#dateField").val());
});

См. http://jsfiddle.net/sbxpv25p/826/ для рабочего демо.

Answer 2

вам нужно превратить дату в объект fullcalendar.moment

например:

let d = $.fullCalendar.moment(dateString);
$('#calendar').fullCalendar('gotoDate', d);

Полагаю, вы знакомы с jquery, если вы не знаете, дайте мне знать, и я помогу вам в дальнейшем!