function init() {
scheduler.locale.labels.timeline_tab = "Timeline"
scheduler.locale.labels.section_custom = "Section";
scheduler.config.xml_date = "%m/%d/%Y %H:%i";
scheduler.config.drag_resize = false;
scheduler.config.drag_create = false;
scheduler.config.details_on_create = false;
scheduler.config.details_on_dblclick = false;
scheduler.xy.nav_height = 0;
//===============
//Configuration
//===============
var sections = [
{ key: 1, label: "#1" }
];
scheduler.createTimelineView({
section_autoheight: false,
name: "timeline",
x_unit: "minute",
x_date: " ",
x_step: 5,
x_size: 408,
x_start: -60,
x_length: 408,
y_unit: sections,
y_property: "section_id",
render: "tree",
folder_events_available: false,
dy: 20,
second_scale: {
x_unit: "hour",
x_date: "%H:%i"
}
});
scheduler.init('scheduler_here', new Date("01/01/1900"), "timeline");
scheduler.parse([
{ start_date: "01/01/1900 08:00", end_date: "01/01/1900 10:05", text: "A", section_id: 1 }
], "json");
scheduler.addMarkedTimespan({
type: "dhx_time_block",
days: "fullweek",
zones: [960, 980, 1350, 1370],
sections: { timeline: 1 }
});
scheduler.updateView();
}The above code draws the timeline and the correct timespan. However, when I drag the route into the timespan the limit javascript does not work since it lets me drop the route over the timespan. The code below, when used to replace the timespan above cause the drag to not work at all. Any idea?
scheduler.addMarkedTimespan({
days: "fullweek",
zones: [0, 720],
type: "dhx_time_block",
sections: { timeline: 3 }
});