iceui-iceDate
/
demo.html

<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
	<script src="iceDate.js"></script>
    <title>iceDate日期选择js插件-演示DEMO</title>
	<style>input{border:1px solid #ccc;width:255px;height:35px;padding:0 15px;}</style>
</head>
<body>

<!-- input需要指定一个唯一id -->
<!-- 标准时间 -->
<input type="text" id="time" placeholder="Y-M-D H:I:S" class="iceDate-icon"/>

<!-- 年月日选择 -->
<input type="text" id="ymdTime" placeholder="年月日选择" class="iceDate-icon"/>

<!-- 年份选择 -->
<input type="text" id="yTime" placeholder="年份选择" class="iceDate-icon"/>

<!-- 月份选择 -->
<input type="text" id="mTime" placeholder="年份选择" class="iceDate-icon"/>

<!-- 日期选择 -->
<input type="text" id="dTime" placeholder="日期选择" class="iceDate-icon"/>

<!-- 时间选择 -->
<input type="text" id="tTime" placeholder="时间选择" class="iceDate-icon"/>

<script>
/**
 * 传参为json格式，参数如下
 *  ├ id        {id}       input的id
 *  ├ format    {string}   时间格式
 *  ├ view      {string}   默认视图
 *  ├ func      {function} 确认的回调函数
 *  ├ yearFunc  {function} 选择年份后的回调函数
 *  ├ monthFunc {function} 选择月份后的回调函数
 *  └ dayFunc   {function} 选择日期后的的回调函数
 *
 * 回调函数：func yearFunc monthFunc dayFunc 返回的参数如下：
 *	├ elem 当前的input对象
 *	├ time 格式化后的时间
 *	├ date 时间对象
 *	└ timestamp 时间戳
 */

//该时间模块为date，方法名称为iceDate，通过ice的use方法引入该模块，也可以单独引入date.js使用

//标准时间
ice.date({id:'time',func:function(e){
	console.log(e);
	//alert(e.time);
},timeFunc:function(e){
	console.log('时间选择回调');
	console.log(e);
}});

//年月日选择
//format参数：y=年 m=月 d=日 h=时 i=分 s=秒
ice.date({id:'ymdTime',format:'y-m-d'});

//年份选择
ice.date({id:'yTime',view:'year'});

//月份选择
ice.date({id:'mTime',view:'month'});

//日期选择
ice.date({id:'dTime',view:'day'});

//时间选择
ice.date({id:'tTime',view:'time'});
</script>
</body>
</html>