# tbdCalendar

**Repository Path**: dgx/tbdcalendar

## Basic Information

- **Project Name**: tbdCalendar
- **Description**: 
tbdcalendar日历控件描述

tbdcalendar一款无任何类库依赖的日历控件，基于原生js开发，可在任意环境下使用，兼容ie6 7，主流浏览器，移动设备


- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: http://dgx.oschina.io/tbdcalendar
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2016-04-07
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

#tbdcalendar


**描述：**


tbdcalendar一款无任何类库依赖的日历控件，基于原生js开发，可在任意环境下使用，兼容ie6 7，主流浏览器，移动设备
皮肤设置


换肤：


tbdcalendar的皮肤基本全通过css控制，只要修改css的设置就可实现换肤功能


**浏览器兼容测试：**


ie6

ie7

ie8

ie9

ie更高版本

谷歌

火狐

苹果

移动端


**新建：**

html:

```
<p style=" margin:50px;">效果1 <strong>最基本日历控件</strong> 选择日期：<input type="text" id="date1" value="" style="height:40px; line-height:40px;width:196px;"/></p>
```


js:

```
Tbdcalendar("date1",{top:0,left:200,clickhide:false,splits:"-",isnull:true,ymd:null,hm:false,speedmonth:false,speedyear:false});
```



参数设置：
 * 参数 id                 根id
 * 参数  opts.top           相对文本框的上偏移
 * 参数  opts.left          相对文本框的左偏移
 * 参数  opts.clickhide     选择日期后是否隐藏日历控件 默认false 不隐藏
 * 参数  opts.splits        格式化日期输出形式
 * 参数  opts.isnull        是否显示上下月份日期 true不显示 false显示
 * 参数  opts.ymd           指定日历初始化时所在日期月份 null默认当前月份 指定格式y/m/d
 * 参数  opts.hm            时、分是否显示和可用 false不可用
 * 参数  opts.speedmonth    是否使用月份快捷设置 默认true关闭快捷设置
 * 参数  opts.speedyear     是否使用年份快捷设置 默认true关闭快捷设置