# lCalendar

**Repository Path**: mirrors_singod/lCalendar

## Basic Information

- **Project Name**: lCalendar
- **Description**: lCalendar移动端日期时间选择控件
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2020-09-25
- **Last Updated**: 2026-03-08

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

lCalendar v1.2移动端日期时间选择控件
==========
纯原生js的移动端日期插件，不依赖任何库，体积非常小只有10k
##用法
在html页面中引入input标签，通过自定义属性`data-lcalendar`控制最小日期和最大日期，写法如下：
```
...
<input type="text" readonly="" name="input_date" placeholder="请输入日期" data-lcalendar="2000-01-01,2018-01-29" />
...
```
将样式文件引入到页面中：
```
...
<link rel="stylesheet" href="lCalendar.css">
...
```
同时引入js文件到页面中：
```
...
<script src="lCalendar.js"></script>
...
```
初始化插件：
```
...
var calendar = new lCalendar();
calendar.init({
    'trigger': '#demo1',//标签id
    'type': 'date'//date 调出日期选择 datetime 调出日期时间选择 time 调出时间选择 ym 调出年月选择
});
...
```
调用起来非常简单，代码我后续会持续优化，如果喜欢希望赏颗星哦。