jQuery.Timelineを使用してガントチャートを作成していますが、上の時間軸が時間表示になりません。
オプションにもそれらしき設定がないのですが、表示を時間にすることは可能でしょうか。
宜しくお願いいたします。
html
1<!DOCTYPE html> 2<html> 3 <head> 4 <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script> 5 <link href="https://cdn.jsdelivr.net/gh/ka215/jquery.timeline@2.0.0/dist/jquery.timeline.min.css" rel="stylesheet"> 6 <script src="https://cdn.jsdelivr.net/gh/ka215/jquery.timeline@2.0.0/dist/jquery.timeline.min.js"></script> 7 <base target="_top"> 8 </head> 9 <body> 10 <div id="myTimeline"> 11 <ul class="timeline-events"> 12 <!-- 1行目 --> 13 <li data-timeline-node="{ start:'2020-03-04 00:00',end:'2020-03-04 02:30', bgColor:'#d8e3cf' }">鹿児島</li> 14 <li data-timeline-node="{ start:'2020-03-04 03:00',end:'2020-03-04 05:00', bgColor:'#cfe3de' }">長崎</li> 15 <li data-timeline-node="{ start:'2020-03-04 05:00',end:'2020-03-04 08:30', bgColor:'#cfd5e3' }">島根</li> 16 <li data-timeline-node="{ start:'2020-03-04 10:00',end:'2020-03-04 14:00', bgColor:'#dbd3c8' }">鳥取</li> 17 </ul> 18</div> 19<script type="text/javascript"> 20$(function () { 21 let options = { 22 rows: 6, 23 scale: 'hour', 24 startDatetime: '2020-03-04 00:00', 25 range: 3, 26 datetimeFormat:{day:'D, j M'}, 27 headline : { 28 display : true, 29 title : "", 30 range : true, 31 locale : 'ja', 32 format : { hour12: false } 33 }, 34 35 } 36 $("#myTimeline").Timeline(options) 37}); 38</script> 39 </body> 40</html> 41
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。