良い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>