自定义了一款新新的可爱的时间控件，兼容ie8+

使用

引入css

<link rel="stylesheet" href="dist/css/flexDate.min.css">

引入js

<script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
<script src="dist/js/flexDate.min.js"></script>

调用

//类方法设置本页面的皮肤颜色
FlexDate.setSkin('#ff8000');
var date=new FlexDate({
 e: '.flexDate1',
 format: 'yyyy-MM-dd HH:mm:ss',
 value: '2017-07-08 12:30:30',
 clearBtn: true,
 todayBtn: true,
 confirmBtn: true,
 min:'2017-07-01',
 max:new Date(),
 zIndex:999,
 bindClick:true,
 confirm: function (value) {}
 });

快速实例化

当文本框的class设置为flexDate的时候,控件会自动实例化,并根据文本框的属性做参数,如：

<input type="text" readonly class="flexDate" format="yyyy年MM月dd日" clearBtn="false" confirm="confirm"/>

其中confirm函数需在全局执行环境定义

项目

• 示例：https://wtjperi2003.oschina.io/flexdate/
• gitee：https://gitee.com/wtjperi2003/flexdate