javascript - Fullcalendar插件的功能不能正确插入mysql表

Question

我使用 FullCalendar 插件来拥有一个网络日历并显示/插入我的 mysql 表中的事件。它正确显示 bd 中的事件，但不以正确的格式插入事件的日期。 (年-月-日)。 mysql表的两列都是DATE类型，与将要插入的事件的格式相同。

这是我的 JS 脚本，用于显示事件并通过 ajax 插入到 mysql

$(document).ready(function() {

var date = new Date();
var dd = date.getDate();
var mm = date.getMonth();
var yyyy = date.getFullYear();

var calendar = $('#calendar').fullCalendar({
	editable: true,
	events: "http://localhost/test-fullcalendar/php/eventos.php",
	lang: "es",
	selectable: true,
	selectHelper: true,

	select: function(start, end, allDay) {
		var title = prompt('Evento a insertar:');
	 	if (title) {
	 		start = $.fullCalendar.moment('yyyy mm dd');
			end = $.fullCalendar.moment('yyyy mm dd');
			 $.ajax({
				 url: 'http://localhost/test-fullcalendar/php/add_evento.php',
				 data: 'title='+ title+'&start='+ start +'&end='+ end ,
				 type: "POST",
				 success: function(json) {
				 alert('OK');
				 }
			 });
			 calendar.fullCalendar('renderEvent',
			 {
				 title: title,
				 start: start,
				 end: end,
				 allDay: allDay
			 },
			 true
			 );
	 	}
	 	calendar.fullCalendar('unselect');
	}

});
});

问题出在函数 moment() 上Fullcalendar 在线:

start = $.fullCalendar.moment('yyyy mm dd');

end = $.fullCalendar.moment('yyyy mm dd');

该函数未正确接收实际日期，仅在我的表格上插入“0000-00-00”。我尝试在 moment() 参数中传递日期，例如:

var 日期 = yyyy + '-' + mm + '-' + dd;

start = $.fullCalendar.moment(date);

但它也插入“0000-00-00”。

Answer 1

您的格式不正确，因此您实际上返回的是 NaN。

在传递 'yyyy mm dd' 的地方，您应该传递 start 变量，因此:

$.fullCalendar.moment('yyyy mm dd');

应该是

$.fullCalendar.moment(start).format('YYYY MM DD');

此外，请注意，您的日期格式需要为大写，按照 the Moment.js site ，并且可以更简单地写为 moment(start).format('YYYY MM DD');

演示

$('#fullCal').fullCalendar({
  header: {
    left: '',
    center: 'prev title next today',
    right: ''
  },
  selectable: true,
  select: function(start, end, allDay) {
    var title = prompt('Evento a insertar:');
    if (title) {
      start = moment(start).format('YYYY MM DD');
      end = moment(end).format('YYYY-MM-DD'); /* w/ dashes if that is what you need */
      alert('start: ' + start + ' end: ' + end);
      /*rest of your code... */
    }
  }
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/moment.js/2.8.3/moment.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/2.1.1/fullcalendar.min.css" rel="stylesheet" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/2.1.1/fullcalendar.min.js"></script>

<div id="fullCal"></div>