YunshiCalendar组件农历日历切换组件

YunshiCalendar组件农历日历切换组件

1. 版本0.1.0

2. 安装 npm install yunshui-calendar

3 使用

` import YunshiCalendar from 'yunshui-calendar'
	export default {
		components:{
			YunshiCalendar 
		},`

4.示例

  <YunshiCalendar  
  :showCalendar="isShowTime" 
  @confirm="selectDate" 
  :isHour="true" 
  @cancel="isShowTime = false">
  </YunshiCalendar >

5. API

参数	说明	类型	默认值
TitleStyle	标题样式	Object	-
isHour	是否显示小时	Boolean	true
showCalendar	是否显示组件	Boolean	false
isSwitch	是否显示取消确认按钮	Boolean	true
tabBorderColor	tab边框颜色	String	#1989fa
tabActive	活跃时tab样式	Object	{color:‘#fff’,background:‘#1989fa’}
cancelStyle	取消按钮样式	Object	{color:‘#a6a6a6’}
confirmStyle	完成按钮样式	Object	{color:‘#a6a6a6’，background:‘#1989fa’}
chooseItem	取消按钮样式	Object	{color:#1989fa’}

事件

事件名	说明	回调参数
confirm	点击完成时触发	e:返回年月日小时、类型:0日历1农历
cancel	点击取消时触发	点击取消关闭组件

6.组件地址

gitee地址

7.初出茅庐感谢大家指点改正