如何在Laravel Full Calendar上转到特定日期?

时间:2018-07-04 08:27:27

标签: javascript php laravel laravel-5 fullcalendar

我正在使用Maddhatter Fullcalendar作曲家。 而且我想输入可以使您知道特定日期的信息。

like this

我只是在frontend maven plugin中搜索,然后发现了gotoDate函数。如何在laravel上使用该功能?还是有任何解决方案来实现这一目标?

2 个答案:

答案 0 :(得分:0)

您需要将日期转换为fullcalendar.moment对象

例如:

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

我假设您熟悉jquery,如果您不熟悉jquery,请让我知道,我将为您提供进一步的帮助!

答案 1 :(得分:0)

完全不需要在Laravel中执行此操作... Laravel / PHP代码在服务器端运行。 Laravel代码只是将一些HTML和JavaScript呈现到浏览器中,以使fullCalendar正常工作。因此,您可以完全使用JavaScript在客户端进行此操作,而无需理会Laravel部分。您需要从PHP代码中唯一注意到的是您给日历提供的ID-将下面我的代码中的calendar ID替换为您使用过的ID。

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/