{"id":13789033,"url":"https://github.com/ronffy/wepy-com-calendar","last_synced_at":"2025-06-17T21:04:36.073Z","repository":{"id":93092783,"uuid":"144458192","full_name":"ronffy/wepy-com-calendar","owner":"ronffy","description":"一个基于wepy的日历组件，内置多套皮肤，可启用打卡功能","archived":false,"fork":false,"pushed_at":"2019-03-07T03:58:52.000Z","size":161,"stargazers_count":33,"open_issues_count":0,"forks_count":10,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-05-23T07:16:52.438Z","etag":null,"topics":["calendar","weapp","wepy","wepy-com"],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/ronffy.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null}},"created_at":"2018-08-12T10:40:56.000Z","updated_at":"2021-04-14T09:03:51.000Z","dependencies_parsed_at":"2023-09-18T06:15:06.826Z","dependency_job_id":null,"html_url":"https://github.com/ronffy/wepy-com-calendar","commit_stats":{"total_commits":21,"total_committers":2,"mean_commits":10.5,"dds":0.04761904761904767,"last_synced_commit":"ff2f5ce5931e15bd30fee6dfd71456982f413501"},"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/ronffy/wepy-com-calendar","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ronffy%2Fwepy-com-calendar","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ronffy%2Fwepy-com-calendar/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ronffy%2Fwepy-com-calendar/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ronffy%2Fwepy-com-calendar/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ronffy","download_url":"https://codeload.github.com/ronffy/wepy-com-calendar/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ronffy%2Fwepy-com-calendar/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":260439504,"owners_count":23009296,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["calendar","weapp","wepy","wepy-com"],"created_at":"2024-08-03T21:00:57.789Z","updated_at":"2025-06-17T21:04:31.057Z","avatar_url":"https://github.com/ronffy.png","language":"JavaScript","funding_links":[],"categories":["微信小程序WePY框架开发资源汇总 ![Awesome](https://cdn.rawgit.com/sindresorhus/awesome/d7305f38d29fed78fa85652e3a63e154dd8e8829/media/badge.svg)"],"sub_categories":["WePY开源组件"],"readme":"# wepy-com-calendar\n[![npm](https://img.shields.io/npm/v/wepy-com-calendar.svg)](https://www.npmjs.com/package/wepy-com-calendar)\n\n\u003e 功能齐全的wepy日历组件，欢迎fork\n\n## 介绍\n\n-  内置多种主题，亦可自定义主题样式\n-  响应式宽高\n-  支持打卡功能\n-  支持国际化（目前支持中、英两种）\n-  年、月通过小程序的picker进行改变，亦可通过上月、下月按钮进行改变\n\n## HOW TO USE\n\n### install\n```\nnpm install wepy-com-calendar --save\n```\n\n### use\n```javascript\n// 在script标签内\nimport Calendar from 'wepy-com-calendar';\nclass MyCompent extens wepy.component {\n  data = {\n    selectedDates: ['2018-07-30', '2018-08-10', '2018-08-21']\n  }\n  events = {\n    calendarAfterTapDay(date, e) {\n      // 点击某一天后的回调\n    }\n  }\n}\n\n// 在template标签内\n\u003ctemplate\u003e\n  \u003cCalendar :checks.sync=\"selectedDates\" theme=\"orange\" /\u003e\n\u003c/template\u003e\n```\n\n![](assets/example-orange.png)\n\n### 其他主题展示\n\n| 主题名称 | 展示 |\n|:----------|:-------------|\n| default | ![](assets/example-black.png) |\n| orange | ![](assets/example-orange.png) |\n| blue | ![](assets/example-blue.png) |\n| pink | ![](assets/example-pink.png) |\n| green | ![](assets/example-green.png) |\n| black | ![](assets/example-black.png) |\n\n## API\n\n| 参数 | 说明 | 类型 | 默认值 |\n|:----------|:-------------|:------|:------:|\n| date | 高亮的日期 | YYYY-MM-DD | 当前日期 |\n| checks | 打卡的日期 | array | [] |\n| theme | 主题名称，可选值有 `default`, `green`, `pink`, `orange`, `black`, `blue` | string | `default` |\n| themeClassName | 主题类名，用于自定义主题样式，优先级比`theme`高，传入此参数后，`theme`参数失效 | string | - |\n| language | 语言，支持中(`zh_CN`)、英(`en_GB`)两种 | string | `zh_CN` |\n| icon | `check`状态时`image`的`src`地址，如果不传此参数，则使用`theme`内置的图片作为icon | string | - |\n| activeStyle | 高亮的日期的样式 | string | - |\n\n## 事件EVENTS\n\n`wepy-com-calendar`组件内统一通过`$emit`方式跟父组件通信，所以使用`wepy-com-calendar`组件时，将事件方法统一放在父组件的events属性上\n\n| 参数   |      说明      | 类型 |\n|:----------|:-------------|:------:|\n| calendarAfterTapDay | 点击某一天后触发的事件 | \u003ccode\u003e\tfunction(date: YYYYMMDD, event) \u003c/code\u003e |\n| calendarAfterTapNextMonth | 点击下个月按钮触发的事件 | \u003ccode\u003e\tfunction(event) \u003c/code\u003e | [] |\n| calendarAfterTapPreMonth | 点击上个月按钮触发的事件 | \u003ccode\u003e\tfunction(event) \u003c/code\u003e | [] |\n| calendarAfterChangePicker | 通过年月选择器修改年或月后触发的事件 | \u003ccode\u003e\tfunction(date: YYYYDD,event) \u003c/code\u003e | [] |\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fronffy%2Fwepy-com-calendar","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fronffy%2Fwepy-com-calendar","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fronffy%2Fwepy-com-calendar/lists"}