1 Star 0 Fork 0

湘山神木 / y-calendar

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
贡献代码
同步代码
取消
提示: 由于 Git 不支持空文件夾,创建文件夹后会生成空的 .keep 文件
Loading...
README

y-calendar

日历插件

安装

  npm i y-calendar -S

使用

// 引入插件
import {Calendar} from 'y-calendar';
// 如果使用插件自带的样式
import 'y-calendar/lib/style/y-calendar.css';

使用自带默认渲染

const instance = new Calendar({
    isRender: true, // 默认false,需要设置true
    renderConfig: {
        id: 'root', // 所挂载元素id
        el: HTMLElement, // 挂载的元素,el优先级高于id
    }
});
  • 自带样式效果图 img.png

若只使用数据,自定义样式效果

// 不填写任何配置,则默认当地时区当天日期
const instance0 = new Calendar();
// 自定义日期配置
const instance1 = new Calendar({
    dateConfig: {
        date: '2023-5-23', 
        year: 2023, // 优先级高于date
        month: 7, // 优先级高于date
        day: 23, // 优先级高于date
    }
});
// 日历相关数据
const calendarData = instance.calendarData;

// 重新计算获取日历相关数据
const calendarData2 = instance.getCalendarData({
    year: 2023,
    month: 9,
    day: 23
});

空文件

简介

基于typescript封装的日历依赖,支持js\ts项目 展开 收起
取消

发行版

暂无发行版

贡献者

全部

近期动态

加载更多
不能加载更多了
TypeScript
1
https://gitee.com/xiangshanxiumu/y-calendar.git
git@gitee.com:xiangshanxiumu/y-calendar.git
xiangshanxiumu
y-calendar
y-calendar
master

搜索帮助