良いJS日付プラグインMobiscroll
4412 ワード
プレゼンテーションアドレスhttp://www.wglong.com/index/demos/mobiscroll/sample_zh.
<script type="text/javascript"> $(function () { var currYear = (new Date()).getFullYear(); var opt={}; opt.date = {preset : 'date'}; //opt.datetime = { preset : 'datetime', minDate: new Date(2012,3,10,9,22), maxDate: new Date(2014,7,30,15,44), stepMinute: 5 }; opt.datetime = {preset : 'datetime'}; opt.time = {preset : 'time'}; opt.default = { theme: 'android-ics light', // display: 'modal', // mode: 'scroller', // lang:'zh', startYear:currYear - 10, // endYear:currYear + 10 // }; $("#appDate").val('').scroller('destroy').scroller($.extend(opt['date'], opt['default'])); var optDateTime = $.extend(opt['datetime'], opt['default']); var optTime = $.extend(opt['time'], opt['default']); $("#appDateTime").mobiscroll(optDateTime).datetime(optDateTime); $("#appTime").mobiscroll(optTime).time(optTime); // // QQ , 291464597 。 。 。 // //$("#scroller").mobiscroll(opt).date(); // Shorthand for: $("#scroller").mobiscroll({ preset: 'date' }); // //{ //preset: 'date', // --datatime --time, //theme: 'ios', // 【android-ics light】【android-ics】【ios】【jqm】【sense-ui】【sense-ui】【sense-ui】 //【wp light】【wp】 //mode: "scroller",// 【scroller】【clickpick】【mixed】 //display: 'bubble', // 【modal】【inline】【bubble】【top】【bottom】 //dateFormat: 'yyyy-mm-dd', // //setText: ' ', // //cancelText: ' ',// //dateOrder: 'yymmdd', // //dayText: ' ', //monthText: ' ', //yearText: ' ', // //startYear: (new Date()).getFullYear(), // //endYear: (new Date()).getFullYear() + 9, // //showNow: true, //nowText: " ", // //showOnFocus: false, //height: 45, //width: 90, //rows: 3} }); </script>