日历 Calendar(开发中)

    日历组件可以通过设置是否显示,可选值为true/false,默认为false

    自定义颜色

    日历组件默认继承Lin UI的官方主题色,当然你也可以通过color属性来修改为你喜欢的主题色。

    示例代码

    1. <l-calendar show="{{ true }}" color="#f60" />

    是否显示节日

    通过format可以日期输出的格式,默认是,通过bind:linchange来获取到

    注意事项

    • format可以参见文档下方的format列表说明。
    • bind:linchange事件的返回内容可以查看文档下方的事件列表。

    示例代码

    1. <l-calendar show="{{ true }}" format="yyyy-mm-dd" />

    设置最小和最大日期间距

    自定义起始时间

    日历组件的起始时间,默认为当前终端的日期,但是我们也可以通过date属性来控制,例如可以传入date="2019-6-6"

    注意事项

    • date里传入的日期格式必须和format的规则一样才能生效,如:date="2019-6-6"时,format必须是format="yyyy-m-d"

    示例代码

      日历组件属性(Calendar Attributes)

      日历组件事件 (Calendar Events)