代码拉取完成，页面将自动刷新
该组件是一个对日历的组件封装，主要功能有翻转日历，跳转指定日期，获取当前已选，取消选中日期，设置代办事项，删除指定代办事项，清空代办事项，获取所有代办，禁选指定日期，指定可选区域，指定特定可选，选中指定日期，周月视图的切换，获取自定义的配置，获取日历面板详情等功能。
npm install @ohos/wx_calendar --save
OpenHarmony npm环境配置等更多内容，请参考 如何安装OpenHarmony npm包 。
方法1.
<element name="am-calendar" src="../../component/v2/index.hml"></element>
<div style="flex-direction: column;">
<div style="width: 90%;height:400px;overflow:hidden;">
<am-calendar id="calendar" config="{{calendarConfig}}"></am-calendar>
</div>
</div>
export default{
data: {
calendarConfig: {
theme: 'elegant'
},
},
}
支持 OpenHarmony API version 8 及以上版本。
|---- wx_calendar
| |---- entry # 示例代码文件夹
|---- src
|----js
|----MainAbility
|----pages
|----index
|----index.css #demo的样式
|----index.hml #demo
|----index.js #demo的js
|----template
|----src
|----main
|----js
|----components
|----calendar
|----index.css #日历js
|----index.hml #日历页面
|----index.js #日历js
|----sxSata.js #数据处理
|----datepicker
|----index.css #时间选择css
|----index.hml #时间选择页面
|----index.js #时间处理选择js
| |---- README.MD # 安装使用方法
使用过程中发现任何问题都可以提 Issue 给我们，当然，我们也非常欢迎你给我们发 PR 。
本项目基于 Apache License 2.0 ，请自由地享受和参与开源。
此处可能存在不合适展示的内容，页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容，可点击提交进行申诉，我们将尽快为您处理。