日历 Calendar(开发中)
日历组件可以通过设置是否显示,可选值为true/false
,默认为false
。
自定义颜色
日历组件默认继承Lin UI
的官方主题色,当然你也可以通过color
属性来修改为你喜欢的主题色。
示例代码
<l-calendar show="{{ true }}" color="#f60" />
是否显示节日
通过format
可以日期输出的格式,默认是,通过bind:linchange
来获取到
注意事项
format
可以参见文档下方的format
列表说明。bind:linchange
事件的返回内容可以查看文档下方的事件列表。
示例代码
<l-calendar show="{{ true }}" format="yyyy-mm-dd" />
设置最小和最大日期间距
自定义起始时间
日历组件的起始时间,默认为当前终端的日期,但是我们也可以通过date
属性来控制,例如可以传入date="2019-6-6"
。
注意事项
date
里传入的日期格式必须和format
的规则一样才能生效,如:date="2019-6-6"
时,format必须是format="yyyy-m-d"