1: First quote JS file:
<!--time control style--> <link rel= "stylesheet" type= "Text/css" href= "~/theme/css/mobiscroll.custom-2.13.2.min.css" &
Gt <!--Time Control mobiscroll--> <script src= "~/theme/plugins/mobiscroll/js/mobiscroll.core-2.5.2.js" type= "text/" JavaScript "></script> <script src=" ~/theme/plugins/mobiscroll/js/mobiscroll.core-2.5.2-zh.js "type=" Text/javascript "></script> <link href=" ~/theme/plugins/mobiscroll/css/mobiscroll.core-2.5.2.css "rel= "Stylesheet" type= "Text/css"/> <link href= "~/theme/plugins/mobiscroll/css/mobiscroll.animation-2.5.2.css" Rel= "stylesheet" type= "Text/css"/> <script src= "~/theme/plugins/mobiscroll/js/mobiscroll.datetime-2.5.1.js" Type= "Text/javascript" ></script> <script src= "~/theme/plugins/mobiscroll/js/
Mobiscroll.datetime-2.5.1-zh.js "type=" text/javascript ></script>//Select Time function Selectdatetime () {
var curryear = (new Date ()). getFullYear (); var opt= {};
Opt.date = {preset: ' Date '};
Opt.datetime = {preset: ' datetime '};
Opt.time = {preset: ' Time '};
Opt.default = {theme: ' Android-ics light ',//Skin style display: ' Modal ',//display mode
Mode: ' Scroller ',//date selection mode lang: ' En ', startyear:curryear-10,//Start year
Endyear:curryear + 10//End year};
$ ("#ApptDate"). Val ('). Scroller (' Destroy '). Scroller ($.extend (opt[' Date ', opt[' Default '));
var optdatetime = $.extend (opt[' datetime '), opt[' Default ']);
var opttime = $.extend (opt[' time '), opt[' Default ']);
$ ("#ApptDate"). Mobiscroll (Optdatetime). DateTime (Optdatetime);
$ ("#ApptDate"). Mobiscroll (Opttime). Time (Opttime); }
2: Foreground HTML code:
<input type= "text" id= "Apptdate"/>
Effect Chart:
Android and the iphone show a different effect.
CSS and JS address: Baidu disk Click to download
Everyone feels good just give a reply. Thank you.