通用日历，可标记，选择范围，高度自定义

uniapp组件市场：https://ext.dcloud.net.cn/plugin?id=721

在线演示：http://www.bedmoonlight.cn/

组件名：Li-Calendar。

1.通用日历,h5,5+app,微信小程序测试通过, 大部分内容可以自定义

2.可标记，设置任意标记内容和显示右上角点

3.选择范围，选择指定日期范围或者设置日期范围

4.限制日历显示范围，设置日期的上下限

5.显示农历，可以选择关闭，设置了标记点的优先显示标记点。

使用方式：

在 script 中引用组件

import Calendar from '@/components/Li-Calendar/Li-Calendar.vue';
export default {
    components: {Calendar}
}

在 template 中使用组件

		<view class="Mtext">----默认---</view>
		
		<Calendar :currentTime='currentTime' @dayChange='dayChange' @monthChange='monthChange'
		:rangeMode='rangeMode' @rangeChange='rangeChange' :showLunar='false'>
		</Calendar> 
		
		<view class="Mtext">显示农历和标记点</view>
		
		<Calendar :currentTime='currentTime' :mark='mark' @dayChange='dayChange' @monthChange='monthChange' :rangeMode='rangeMode'
		 :range='range' @rangeChange='rangeChange' :dateStart='dateStart' :dateEnd='dateEnd' :canDrag='true'>
		</Calendar>
		
		

		export default {
			components: {
				Calendar
			},
			data() {
				return {
					mark: [
						{
							time: '2019-8-23',
							text: '标记',
							markPoint: true,
							markTextColor:'blue',
							pointText: '奖',
							pointTextColor:'red'
						},
						{
						time: '2019-8-24',
						text: '上山打老虎',
						markPoint: true,
						pointText: '2',
					}],
					range:{
						rangeStart:undefined,	//设置标记范围开始，yyyyMM-dd
						rangeEnd:undefined   	//设置标记范围结束，yyyyMM-dd
					},
					rangeMode:false,
					currentTime: '2019-8-23',
					title: 'Hello',
					dateStart: '2019-6-15',
					dateEnd: '2020-6-15'
				}
			},
			onLoad() {
		
			},
			methods: {
				dayChange(data){
					console.log(data)
				},
				monthChange(data){
					console.log(data)
				},
				setDate(){
					this.currentTime = '2019-7-10'
				},
				setRange(){
					this.range = {
						rangeStart:'2019-8-10',	//设置标记范围开始，yyyyMM-dd
						rangeEnd:'2019-8-20'   	//设置标记范围结束，yyyyMM-dd
					}
				},
				setRangeMode(){
					this.rangeMode = !this.rangeMode;
				},
				rangeChange(data){
					console.log(data)
				}
			}
		}

属性说明：

属性名	类型	默认值	说明
currentTime	String	当前时间	当前设定时间 yyyy-MM-dd
mark	Array	-	标记点列表
lastText	String	'〈'	上个月按键文字
nextText	String	'〉'	下个月按键文字
maskColor	String	#01AAED	全局标记点颜色，包括点和文字
showLunar	Boolean	true	是否显示农历，mask优先级高
range	Object	-	设置标记范围
rangeMode	Boolean	false	是否开启范围选择模式
dateStart	String	'1970-01-01'	日历起始时间 yyyy-MM-dd
dateEnd	String	'2100-12-31'	日历结束时间 yyyy-MM-dd
canDrag	Boolean	true	是否可以滚动

mark 标记点列表 属性说明：

属性名	类型	默认值	说明
time	String	-	标记时间 yyyy-MM-dd
text	Array	-	标记内容
markPoint	Boolean	false	是否显示标记点
markTextColor	String	-	标记内容颜色
pointText	String	-	左上角标记点内容
pointTextColor	String	-	标记点颜色

range 设置范围 属性说明：

属性名	类型	默认值	说明
rangeStart	String	-	设置标记范围开始，yyyy-MM-dd
rangeEnd	String	-	设置标记范围结束，yyyy-MM-dd

事件说明：

属性名	说明
@dayChange	当月日期改变
@monthChange	月份改变
@rangeChange	范围改变