[JS]イベントを時間軸ã§è¡¨ã™ã‚¿ã‚¤ãƒ スケジュールシートをシンプルãªã‚³ãƒ¼ãƒ‰ã§ä½œæˆã§ãるスクリプト -Timesheet.jsスケジュールã®æ¨ªè»¸ã¨å„アイテムを定義ã™ã‚‹ã ã‘ã§ã‚¿ã‚¤ãƒ スケジュールシートを簡å˜ã«ä½œæˆã§ãるスクリプトを紹介ã—ã¾ã™ã€‚ jQueryã‚„Angular.JSãªã©ä»–ã®ã‚¹ã‚¯ãƒªãƒ—トã¯ä¸è¦ã§ã™ã€‚ Ilya Grigorik Timesheet.jsã®ä½¿ã„æ–¹ Step 1: 外部ファイル 当スクリプトを外部ファイルã¨ã—ã¦è¨˜è¿°ã—ã¾ã™ã€‚ <head> ... <script src="/javascripts/timesheet.js" type="text/javascript" /> </head> Step 2: HTML タイムスケジュールシートをé…ç½®ã™ã‚‹ç©ºã®divを用æ„ã—ã¾ã™ã€‚ <div id='timesheet'></div> Step 3: JavaScript 一行目ã¯é…ç½®ã™ã‚‹è¦ç´ ã€è‡ªè‡³ã€äºŒè¡Œç›®ä»¥é™ã¯ã‚¢ã‚¤ãƒ†ãƒ ã‚’é…列ã§è¨˜è¿°ã—ã¾ã™ã€‚ new Timesheet('timesheet', 2002,
![[JS]イベントを時間軸ã§è¡¨ã™ã‚¿ã‚¤ãƒ スケジュールシートをシンプルãªã‚³ãƒ¼ãƒ‰ã§ä½œæˆã§ãるスクリプト -Timesheet.js](https://cdn-ak-scissors.b.st-hatena.com/image/square/fbbf9a8239270b982158e9318db2dd638d1ac2f8/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201403%2F2014090802.gif)
æ–°ç€è¨˜äº‹
{{#tags}}- {{label}}
{{/tags}}