時光荏苒，歲月如梭，人們描述時光易逝的句子，多如星河。
一寸光陰一寸金，寸金難買寸光陰。
人生就是一段時間而已，所以我明白了一個道理
人生之中最大的浪費就是時間的浪費
因此我想我們教給我們孩子重要的一課應(yīng)該也是關(guān)于時間的
如何規(guī)劃好自己的時間便決定了你擁有怎么樣的生活，
和更多期待未來的可能性。

時間如此重要，所以我們要做好規(guī)劃，莫讓時光空流逝
帶著這樣的初衷我開發(fā)了這樣一個幫助制作作息時間表的網(wǎng)頁工具
百聞不如一見，讓我們展示一下這個工具的樣貌：

?百見不如一試，讓我們在線體驗一下這個工具下面是體驗地址

在線作息時間表 | 工具星球 (toolxq.com)http://schedule.toolxq.com/

勸君莫惜金縷衣，
勸君惜取少年時。
花開堪折直須折，
莫待無花空折枝。

再給大家推薦一些關(guān)于時間的美妙文字

最是人間留不住，朱顏辭鏡花辭樹。 ——王國維《蝶戀花》
夢短夢長俱是夢，年來年去是何年。 ——《牡丹亭》
今年海角天涯，蕭蕭兩鬢生華。 ——李清照《清平樂·年年雪里》
流光容易把人拋，紅了櫻桃，綠了芭蕉。 ——蔣捷《一剪梅·舟過吳江》
歲月騖過，山陵浸遠。 ——《后漢書》
窗外日光彈指過，席間花影坐前移。 ——施耐庵《水滸傳》
時光只解催人老，不信多情。長恨離亭。淚滴春衫酒易醒。 ——晏殊《采桑子·時光只解催人老》
歲月不居，時節(jié)如流。 ——孔融的《論盛孝章書》
年往迅勁矢，時來亮急弦。 ——陸機《長歌行》
人世光陰花上露。 ——馬浩瀾《青玉案》

下面是一些相關(guān)代碼的分享，希望對大家有所幫助

new Vue({el: '#app',data: () => ({events: [],eventsSave: []}),mounted() {let _this = this;/*_this.$refs.vuecal.createEvent(// Formatted start date and time or JavaScript Date object.'2023-08-16 13:15',// Event duration in minutes (Integer).120,// Custom event props (optional).{ title: 'New Event', content: 'yay!', class: 'blue-event' })*//*_this.$refs.vuecal.createEvent({start: '2023-08-16 13:15', // Starting from the cursor position in the clicked day cell.end: '2023-08-16 15:15', // Event start + 2 hours.title: '33',content: ''})*/let eventsJson = window.localStorage.getItem("events");let eventArr = [];if (eventsJson) {let eventsSave = JSON.parse(eventsJson);for (let i = 0; i < eventsSave.length; i++) {let eventi = eventsSave[i];console.log(eventi)let start = this.formatDateTime(new Date(eventi.start))let end = this.formatDateTime(new Date(eventi.end))let eventClean = {start: start,end: end,title: eventi.title}eventArr.push(eventClean)}// this.events = JSON.parse(eventsJson);}this.events = eventArr;/*this.events = [{start: '2023-08-16 10:35',end: '2023-08-16 11:30',title: 'Doctor appointment'},{start: '2023-08-16 18:30',end: '2023-08-16 19:15',title: 'Dentist appointment'}]*/},methods: {async downloadImage() {const body = document.body;const html = document.documentElement;const fullHeight = Math.max(body.scrollHeight, body.offsetHeight, html.clientHeight, html.scrollHeight, html.offsetHeight);const canvas = document.createElement('canvas');canvas.width = window.innerWidth;canvas.height = fullHeight;const context = canvas.getContext('2d');let yOffset = 0;const captureAndDraw = async () => {const capture = await html2canvas(document.body, { windowWidth: window.innerWidth, windowHeight: window.innerHeight, y: yOffset });context.drawImage(capture, 0, yOffset);yOffset += window.innerHeight;if (yOffset < fullHeight) {window.scrollTo(0, yOffset);setTimeout(captureAndDraw, 100); // Add a delay to ensure content updates and rendering} else {const imageURL = canvas.toDataURL('image/png');const link = document.createElement('a');link.href = imageURL;link.download = 'full-page-scrollable-screenshot.png';link.click();}};captureAndDraw();},onEventCreate(event, deleteEventFunction) {// console.log(event);this.selectedEvent = eventthis.showEventCreationDialog = truethis.deleteEventFunction = deleteEventFunction// console.log(this.$refs.vuecal);return event},logEvents(name, event) {console.log(name);console.log(this.events);console.log(event);},eventDelete(name, event) {console.log(event);const index = this.eventsSave.indexOf(event);if (index !== -1) {this.eventsSave.splice(index, 1);}},eventChange(name, event) {console.log(name)/*console.log(event);let curEvent = event.event;let oriEvent = event.originalEvent// const index = this.eventsSave.indexOf(oriEvent);if (oriEvent) {const index = this.eventsSave.findIndex(item => item._eid === oriEvent._eid);if (index !== -1) {this.eventsSave.splice(index, 1);}}this.eventsSave.push(curEvent);console.log(this.eventsSave);*/window.localStorage.setItem("events", JSON.stringify(this.$refs.vuecal.view.events));},customEventCreation() {this.$refs.vuecal.createEvent(// Formatted start date and time or JavaScript Date object.'2023-08-16 13:15',// Event duration in minutes (Integer).120,// Custom event props (optional).{ title: 'New Event', content: 'yay! 🎉', class: 'blue-event' })const dateTime = prompt('Create event on (YYYY-MM-DD HH:mm)', '2023-08-15 13:15')// Check if date format is correct before creating event.if (/^\d{4}-\d{2}-\d{2} \d{2}:\d{2}$/.test(dateTime)) {this.$refs.vuecal.createEvent(// Formatted start date and time or JavaScript Date object.dateTime,// Event duration in minutes (Integer).120,// Custom event props (optional).{ title: 'New Event', content: 'yay! 🎉', class: 'blue-event' })} else if (dateTime) alert('Wrong date format.')},formatDateTime(date) {const year = date.getFullYear();const month = String(date.getMonth() + 1).padStart(2, '0');const day = String(date.getDate()).padStart(2, '0');const hours = String(date.getHours()).padStart(2, '0');const minutes = String(date.getMinutes()).padStart(2, '0');const formattedDate = `${year}-${month}-${day} ${hours}:${minutes}`;return formattedDate;}}
})