Editable timeline Use mousewheel to pan (press Ctrl to zoom), drag or resize timelines

$(function () { $('.editable-timeline').multiTimeline({ start: '2015-02-01', end: '2015-02-28', data: [ { 'title': 'I have been here forever', 'end': '2015-02-13' }, { 'title': 'I\'ll be here forever', 'start': '2015-02-14' }, { 'title': 'I share a layer', 'start': '2015-02-15', 'end': '2015-02-18', 'layer': 0 }, { 'title': 'I am red and overlapping', 'start': '2015-02-17', 'end': '2015-02-22', 'color': '#f00', 'layer': 1, 'zIndex': 20 }, { 'title': 'I am pretty simple', 'start': '2015-02-10', 'end': '2015-02-12' }, ] }); })