当前位置：首页 > 网页特效 > 日期和时间

兼容IE8的简单jQuery日期选择器插件

分类：日期和时间日期：2024-05-14 点击(2) 评论(0)

简介

DCalendar是一款简单jQuery日期选择器插件。该插件可以用于制作日历和日期选择器，它兼容IE8浏览器，使用起来非常简单。

####  使用方法
在页面中引入dcalendar.picker.css、jquery和dcalendar.picker.js文件。

```html
<link rel="stylesheet" href="css/dcalendar.picker.css"/>
<script type="text/javascript" src="path/to/jquery.min.js"></script>                  
<script type="text/javascript" src="path/to/dcalendar.picker.js"></script>    
```              
####  HTML结构
要制作一个日期选择器，可以使用一个input元素来制作。

```html
<input id='mydatepicker' type='text'/>  
```         
要你制作一个日历，可以使用一个table元素来制作。

```html
<table id='mycalendar' class='calendar'></table>    
```    
#####  初始化插件
在页面DOM元素加载完毕之后，可以通过dcalendarpicker()方法来初始化日期选择器，通过dcalendar()方法来初始化日历。

```html
$('#mydatepicker').dcalendarpicker(); //初始化日期选择器
$('#mycalendar').dcalendar(); //初始化日历      
```
#####  配置参数
DCalendar插件有一个可用的配置参数，用于设置日期的格式：

| 参数  | 可用值  |默认值|描述
| ------------ | ------------ |
|format|mm/dd/yy|mm/dd/yyyy|输出的日期格式为：02/25/16|
|format|mm/dd/yyyy|mm/dd/yyyy|输出的日期格式为：02/25/2016|
|format|m/d/yy|mm/dd/yyyy|输出的日期格式为：2/25/16|
你也可以指定日期格式为任何你需要的格式，例如：{format: 'yyyy-mm-dd'}

```html
$('#mydatepicker').dcalendarpicker({format: 'yyyy-mm-dd'});   
```

web299.com

兼容IE8的简单jQuery日期选择器插件

简介

html5浪漫粒子表白文字特效

SlidesJS幻灯片特效

html5瀑布流相册特效

css3 svg实现的情人节表白鲜花动画特效

t-scroll.js基于ES6的DOM元素,过渡动画库插件

纯js写省市区三级联动效果