链接； http://dhtmlx.com/docs/products/dhtmlxScheduler/index.shtml
链接： http://docs.dhtmlx.com/scheduler/index.html
//View；
链接； http://docs.dhtmlx.com/scheduler/month_view.html
Day View
Week View
Month View
Agenda View
Map View
Timeline view
Week Agenda view
Units view
Year view
Grid view
//Guide：
链接： http://docs.dhtmlx.com/scheduler/sizing.html
Common Configuration Instructions
Scheduler Markup
Recurring Events
Mini Calendar
Blocking and Marking dates
Localization
Sizing the Scale and Events Boxes
Hiding Time Units in the X-Axis of a View
Read-only Mode
Custom View
Multiple Schedulers on the Page
Controlling the Number of Events in a Time Slot
Large-size Buttons to Help Users Easier Navigate Through Events
jQuery Integration
//div
<div id="scheduler_here" class="dhx_cal_container" style='width:100%; height:100%;'>
<div class="dhx_cal_navline">
<div class="dhx_cal_prev_button"> </div>
<div class="dhx_cal_next_button"> </div>
<div class="dhx_cal_today_button"></div>
<div class="dhx_cal_date"></div>
<div class="dhx_cal_tab" name="day_tab" style="right:204px;"></div>
<div class="dhx_cal_tab" name="week_tab" style="right:140px;"></div>
<div class="dhx_cal_tab" name="month_tab" style="right:76px;"></div>
</div>
<div class="dhx_cal_header"></div>
<div class="dhx_cal_data"></div>
</div>
//lightbox
scheduler.locale.labels.section_location = "Location";
scheduler.config.lightbox.sections=[
{name:"description", height:130, map_to:"text", type:"textarea" , focus:true},
{name:"location", height:43, type:"textarea", map_to:"details" },
{name:"time", height:72, type:"time", map_to:"auto"}
]
scheduler.locale.labels.section_type = "Type";
scheduler.config.lightbox.sections = [
{name:"description", height:200, map_to:"text", type:"textarea" , focus:true},
{name:"type", height:21, map_to:"type", type:"select", options:[
{key:1, label:"Simple"},
{key:2, label:"Complex"},
{key:3, label:"Unknown"}
]},
{name: "type", height: 21, map_to: "type", type: "select",
options: scheduler.serverList("type")},
{name:"time", height:72, type:"time", map_to:"auto"}
];
scheduler.config.multi_day = true;
scheduler.updateView();
scheduler.showLightbox(2);
scheduler.config.prevent_cache = true
scheduler.config.touch = "force";
//json：
scheduler.parse([
{ start_date: "2011-04-18 09:00", end_date: "2011-04-18 12:00", text:"English lesson", subject: 'english' },
{ start_date: "2011-04-20 10:00", end_date: "2011-04-21 16:00", text:"Math exam", subject: 'math' },
{ start_date: "2011-04-21 10:00", end_date: "2011-04-21 14:00", text:"Science lesson", subject: 'science' },
{ start_date: "2011-04-23 16:00", end_date: "2011-04-23 17:00", text:"English lesson", subject: 'english' },
{ start_date: "2011-04-24 09:00", end_date: "2011-04-24 17:00", text:"Usual event" }
], "json");
{ "data":[{"id":"1","start_date":"2010-03-02 00:00:00","end_date":"2010-03-04 00:00:00","text":"dblclick me!","type":"1"},{"id":"2","start_date":"2010-03-09 00:00:00","end_date":"2010-03-11 00:00:00","text":"and me!","type":"2"},{"id":"3","start_date":"2010-03-16 00:00:00","end_date":"2010-03-18 00:00:00","text":"and me too!","type":"3"},{"id":"4","start_date":"2010-03-02 08:00:00","end_date":"2010-03-02 14:10:00","text":"Type 2 event","type":"2"}], "collections": {"type":[{"id":"1","value":"1","label":"Simple"},{"id":"2","value":"2","label":"Complex"},{"id":"3","value":"3","label":"Unknown"}]}}
//color：
链接：http://docs.dhtmlx.com/scheduler/custom_events_color.html
//Tooltip
链接； http://docs.dhtmlx.com/scheduler/tooltips.html