m-simple-calendar

多平台简单的日历

支持平台

• 微信小程序
• Vue3.x
• Vue2.x

参数文档

• m-simple-calendar

使用

Vue

代码集成

• 复制 /vue/m-simple-calendar 文件夹到你的 components 里去
• 如果是 Vue2 复制 /vue/m-simple-calendar-v2 文件夹
• 使用: 按照正常组件使用即可

NPM 集成

npm i m-simple-calendar

Vue3.x

• 全局引用

// main.js
import { createApp } from 'vue'
import App from './App.vue'
import MSimpleCalendar from 'm-simple-calendar'

createApp(App).use(MSimpleCalendar).mount('#app')

• 按需引用

<template>
  <m-simple-calendar visible />
</template>
<script setup>
import { MSimpleCalendar } from 'm-simple-calendar'
</script>

Vue2.x

• 全局引用

// main.js
import Vue from 'vue'
import MSimpleCalendar from 'm-simple-calendar/vue2'

Vue.use(MSimpleCalendar)

• 按需引入

<template>
  <m-simple-calendar visible />
</template>
<script>
import MSimpleCalendar from 'm-simple-calendar/vue2'

export default {
  components: {
    MSimpleCalendar
  }
}
</script>

微信小程序

代码集成

• 复制 /miniprogram/m-simple-calendar 文件夹到你的 components 里去
• 使用:

// demo.json
{
  "usingComponents": {
    "m-simple-calendar": "/components/m-simple-calendar/index"
  }
}

<!-- demo.wxml -->
<m-simple-calendar visible />

NPM 集成

npm i m-simple-calendar

• 打开微信开发者工具 -> 工具 -> 构建 npm

// demo.json
{
  "usingComponents": {
    "m-simple-calendar": "m-simple-calendar/m-simple-calendar/index"
  }
}

<!-- demo.wxml -->
<m-simple-calendar visible />

贡献者们