1.0.1 • Published 2 years ago

light-calendar v1.0.1

Weekly downloads
-
License
ISC
Repository
-
Last release
2 years ago

calendar

一个通用的轻量的js日历生成库。不涉及任何样式,日历的样式完全交给调用者实现。

Demo示例
github

安装

npm install light-calendar --save

使用方式

方式一

import calendar from 'light-calendar';

calendar.getWeekCalendar(2022, 10, 10, 'after');
var monthCalendar = calendar.getMonthCalendar(2022, 10, 'after');
// monthCalendar数组长度为:42,正好为单月日历的数据量
// 数据格式如下:
// [
//   { year: 2022, month: 9, date: 26, day: 1 },
//   { year: 2022, month: 9, date: 27, day: 2 },
//   { year: 2022, month: 9, date: 28, day: 3 },
//   { year: 2022, month: 9, date: 29, day: 4 },
//   { year: 2022, month: 9, date: 30, day: 5 },
//   { year: 2022, month: 10, date: 1, day: 6 },
//   { year: 2022, month: 10, date: 2, day: 7 },
//   ...
//   { year: 2022, month: 10, date: 31, day: 1 },
//   { year: 2022, month: 11, date: 1, day: 2 },
//   ...
// ]
// year: 年  month: 月  data: 日  day: 星期几

方式二

<!-- script标签引入 calendar.min.js ,该 js 文件位于 /dist 文件目录下 -->
<script src="https://xxx.xxx.com/xxx/xxx/calendar.min.js"></script>
<script>
  tCalendar.getWeekCalendar(2022, 10, 10, 'after');
  tCalendar.getMonthCalendar(2022, 10, 'after');
</script>

api

calendar.getMonthCalendar(year, month, pos);

属性类型默认值是否必填说明
yearNumber生成的月日历所处的年
monthNumber生成的月日历所处的月
posString'before''before': 星期日位于列头 'after': 星期日位于列尾

calendar.getWeekCalendar(year, month, date, pos);

属性类型默认值是否必填说明
yearNumber生成的周日历所处的年
monthNumber生成的周日历所处的月
dateNumber生成的周日历所处的日
posString'before''before': 星期日位于列头 'after': 星期日位于列尾
1.0.1

2 years ago