uniapp-微信第小程序-三方插件

咱們需從配置源碼上去添加

第一步

• 登陸微信公衆平臺添加第三方插件

• 添加預定日曆直接申請 免審。。

• 插件地址：https://github.com/jasondu/wxa-plugin-calendar

第二步

• 打開manifest.json---源碼視圖

• 在mp-weixin裏添加插件

• 官網文檔：https://uniapp.dcloud.io/component/mp-weixin-plugin

第三步

• 在須要使用插件的頁面寫入

• 相對應頁面代碼

<template>
	<view class="content">
		<date-picker :startTime="startTime" :endTime="endTime" :unit="unit" :reserveUnit="reserveUnit" :unreserveTime="unreserveTime"
		 :activedConst="activedConst" :disabledConst="disabledConst" themeColor="#1f78d1" :selectTime="onSelectTime" />
	</view>
</template>

<script>
	export default {
		data() {
			return {
				startTime: { // 最先預定時間
					type: String,
					value: '09:00',
				},
				endTime: { // 最晚預定時間
					type: String,
					value: '22:00',
				},
				unit: { // �展現時間單位（默認30分鐘）
					type: Number,
					value: 15,
				},
				reserveUnit: { // 預定時間單位（默認60分鐘）
					type: Number,
					value: 60,
				},
				activedConst: { // 已經選中的常量標示
					type: Number,
					value: 101,
				},
				disabledConst: { // 不可選的常量標示
					type: Number,
					value: 102,
				},
				unreserveTime: { // 不可預定時間列表
					type: Array,
					value: [{
						startTime: '2018-04-18 14:00:00',
						endTime: '2018-04-18 15:00:00',
						status: 102, // 這個值指明這個時間段是 已經選擇 或者 不可選     
						// 能夠通 activedConst 和 disabledConst 進行配置
					}, ],
				},
				themeColor: { // 插件的主題顏色
					type: String,
					value: '#E74C75',
				}
			}
		},
		onLoad() {

		},
		methods: {
			onSelectTime(e) {
				console.info(e)
			}
		}
	}
</script>

<style>
</style>

• 效果