手機滑動日期時間選擇插件mdatetimer是一款基於iscroll滑動插件實現的,支援設定日期格式,指定年份,時間選擇模式等的手機行動端日期選擇代碼。
JS程式碼
<script src =“zepto.js”> </ script>
<script src =“zepto.mdatetimer.js”> </ script>
<style>
体,UL,H1,H2,H3 {
保证金:0;
填充:0;
font-family:“microsoft yahei”;
}
UL {
list-style-type:none;
}
一个{
文字装饰:无;
}
输入{
width:90%; height:30px; margin:20px auto; display:block; text-align:center;
}
</style>
</ HEAD>#
<BODY>
<input type =“text”id =“picktime”placeholder =“點選選擇日期”readonly>
<SCRIPT>
$(函数(){
$( '#picktime')。mdatetimer({
模式:3,//时间选择器模式:1:年月日,2:年月日时分(24小时),3:年月日时分
格式:2,//时间格式化方式:1:2015年06月10日17时30分46秒,2:2015-05-10 17:30:46默认:2
年份:[2000,2010,2011,2012,2013,2014,2015,2016,2017],//年份数组
nowbtn:true,//是否显示现在按钮
onOk:function(){
//警报( 'OK');
},//点击确定时添加额外的执行函数默认null
onCancel:function(){
警报( 'www.sucaijiayuan.com');
},//点击取消时添加额外的执行函数默认null });
});
</ SCRIPT>