使用交互式日历和时间段创建网站

时间:2015-07-10 10:05:44

标签: javascript jquery html calendar

我很擅长使用 HTML,CSS,PHP 以及 JQuery和JavaScript 的新手经验的Web开发。我正在制作网站,作为预约系统,其中a:

  • 用户(患者)可以查看特定医生的预约日期和时间。
  • 用户还应在页面上看到日历,其中包含每天的可用时段。
  • 并且网站应该与MS Access中的数据库一起检查是否有医生预约。

是否有人可以指导我完成在我的网站上创建此类功能的过程,或者引导我查看其他人已实施此类功能的示例?我在这个link看到了一个例子,但我不知道如何将它放在一个新的,空的网站上看它是否有效:(

非常感谢任何帮助

1 个答案:

答案 0 :(得分:0)

像这样添加,



$('#calendar').fullCalendar({
	header: {
		left: 'prev,next today',
		center: 'title',
		right: 'month,agendaWeek,agendaDay'
	},
	businessHours: {
		start: '10:00',
		end: '18:00',
		dow: [1, 2, 3, 4]
	},
	defaultDate: '2014-06-12',
	defaultView: 'agendaWeek',
	editable: true,
	events: [{
		title: 'All Day Event',
		start: '2014-06-01'
	}, {
		title: 'Long Event',
		start: '2014-06-07',
		end: '2014-06-10'
	}, {
		id: 999,
		title: 'Repeating Event',
		start: '2014-06-09T16:00:00'
	}, {
		id: 999,
		title: 'Repeating Event',
		start: '2014-06-16T16:00:00'
	}, {
		title: 'Meeting',
		start: '2014-06-12T10:30:00',
		end: '2014-06-12T12:30:00'
	}, {
		title: 'Lunch',
		start: '2014-06-12T12:00:00'
	}, {
		title: 'Birthday Party',
		start: '2014-06-13T07:00:00'
	}, {
		title: 'Click for Google',
		url: 'http://google.com/',
		start: '2014-06-28'
	}]
});