自制日历,typescript编写

  • Y3_795198
    了解作者
  • 44.4KB
    文件大小
  • 7z
    文件格式
  • 0
    收藏次数
  • VIP专享
    资源类型
  • 0
    下载次数
  • 2022-05-26 01:45
    上传日期
设置日历年份范围,日历上面显示每天todo list,点击某天,显示当天每个todo事件的发生时间段
Calendar.7z
  • test
  • test.html
    2.3KB
  • css
  • Journal.css
    207B
  • orui_timeTable.css
    1.7KB
  • Calendar.css
    1.8KB
  • tsconfig.json
    6KB
  • Journal.ts
    677B
  • Calendar.ts
    15.4KB
  • js
  • orui.js
    13.2KB
  • Journal.js
    590B
  • stringUtils.js
    14.5KB
  • Calendar.js
    15.1KB
  • test.js
    27B
  • orui_timeTable.js
    8.3KB
  • jquery.min.js
    90.9KB
内容介绍
<!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>
评论