自制日历，typescript编写_typescript_其他

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <link rel="stylesheet" href="css/orui_timeTable.css"> <link rel="stylesheet" href="css/Calendar.css"> <link rel="stylesheet" href="css/Journal.css"> <script src="js/jquery.min.js"></script> <script src="js/stringUtils.js"></script> <script src="js/orui.js"></script> <script src="js/orui_timeTable.js"></script> <script src="js/Calendar.js"></script> <script src="js/Journal.js"></script> </head> <body> <div style="width:100%; height: 100%; border: 1px solid pink"> <div id="Calendar_target"></div> <div id="timeTable_target" style="display: none"></div> </div> </body> <script> // Todo：get_infos const infos = [ { name: "id", display_name: "编号", }, { name: "recoder", display_name: "记录人", }, { name: "content", display_name: "内容", }, { name: "date", display_name: "日期", }, { name: "start_time", display_name: "开始时间", }, { name: "end_time", display_name: "结束时间", }, { name: "destination", display_name: "目的地", }, { name: "reminder_time", display_name: "提醒日期", }, { name: "prompt_time", display_name: "提示时间", }, { name: "others", display_name: "通知其他同事", }, { name: "importance", display_name: "重要程度", }, ]; window.onload = function () { const calendar_target = document.getElementById("Calendar_target"); const timeTable_target = document.getElementById("timeTable_target"); timeTable_target.setAttribute("_infos", JSON.stringify(infos)); const calendar = new Calendar(calendar_target, timeTable_target, { year_option: [2000, 2030] }) } </script> </html>