日期时间插件(6种方式)

mobiscroll的文档参数说明:

opt.default = {
    preset:'date',//日期类型--datatime --time
theme:
'android-ics light', //皮肤样式,皮肤其他参数【android-ics light】【android-ics】【ios】【jqm】【sense-ui】【sense-ui】【sense-ui】【wp light】【wp】 display: 'modal', //显示方式 :modal(正中央) bottom(底部) inline bubble top(顶部) mode: 'scroller', //日期选择模式,操作方式【scroller】【clickpick】【mixed】
dateFormat: 'yyyy-mm-dd', // 日期格式
setText:'确定', //确认按钮名称 cancelText:'清空',//取消按钮名籍我
dateOrder:'yymmdd',//面板中日期排列格
dayText:'日',
monthText:'月',
yearText:'年', //面板中年月日文字
lang: 'zh', showNow:true,
showOnFocus:false,
startYear:(new Date()).getFullYear(), //开始年份
endYear:(new Date()).getFullYear() + 9, //结束年份
startYear: currYear
- 5, //开始年份currYear-5不起作用的原因是加了minDate: new Date() endYear: currYear + 5, //结束年份 minDate: new Date() //加上这句话会导致startYear:currYear-5失效,去掉就可以激活startYear:currYear-5, };

 手机日期插件mobiscroll奇巧淫技&mobiscroll 中文API     https://blog.csdn.net/libin_1/article/details/50400941

第一种方式[移动端]:mobiscroll-calendar日期选择

本地效果为:http://svn.chenhua.cc/app/plug/Mobiscroll/demo_calendar.html

 

第二种方式[移动端]:mobiscroll-calendar&Date

本地效果为:http://svn.chenhua.cc/app/plug/Mobiscroll/demo_calendar_date.html

 

第三种方式[移动端]:mobiscroll calendar & Date & Time

本地效果为:http://svn.chenhua.cc/app/plug/Mobiscroll/demo_calendar_datetime.html

 

第四种方式[移动端]:mobiscroll Date

本地效果为:http://svn.chenhua.cc/app/plug/Mobiscroll/demo_date.html

 

第五种方式[移动端]:mobiscroll Date & Time

本地效果为:http://svn.chenhua.cc/app/plug/Mobiscroll/demo_datetime.html

 

第六种方式[移动端]:mobiscroll Time

本地效果为:http://svn.chenhua.cc/app/plug/Mobiscroll/demo_time.html

第七种方式:

 

 

posted @ 2013-07-02 14:25  chenguiya  阅读(1150)  评论(0)    收藏  举报