<! DOCTYPE html>"en">"GBK"> <meta name="Viewport"Content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0"> <title>Mobiscroll</title> <script src="Http://code.jquery.com/jquery-1.9.1.min.js"></script> <link href="Mobiscroll.custom-2.13.2.min.css"Rel="stylesheet"Type="Text/css"/> <script src="Mobiscroll.custom-2.13.2.min.js"Type="Text/javascript"></script>"Demos"Name="scroller"/> <buttonclass="btn"> Get Data </button> <script type="Text/javascript"> $('. BTN'). On ('Click', function () {varDateV = $ ('input[name= "Scroller"]'). Val (); alert (DateV); }) varnow =NewDate (), year=now.getfullyear (), Month=Now.getmonth (); $('#demos'). Mobiscroll (). Calendar ({theme:'Mobiscroll', Preset:'Date',//DateLang:'ZH', display:'Bottom', Counter:true, MultiSelect:true, DefaultValue:NewDate (), SetText:'Determine',//Confirm button NameCanceltext:'Cancel',//Cancel button name meNowtext:'Today', Endyear:2020,//End YearYeartext:'years', Monthtext:'Month', Daytext:'Day',//panel of the month and day textHourtext:'hours', selectedvalues: [NewDate (year, month,1),NewDate (year, month,2),NewDate (year, month,Ten) ] }); /** var curryear = (new Date ()). getFullYear () var opt_data = {preset: ' Date ',//Date theme: ' Android-ics light ',//Skin other parameters "Android-ics Light" "Android-ics" "ios" "JQM" "sense- UI "WP Light" "WP" display: ' Modal ',//display mode mode: ' Mixed ',//operation mode "Scroller" "Clickp Ick "" Mixed "DateFormat: ' Yy-mm-dd ',//date format setText: ' OK ',//Confirm button name can Celtext: ' Cancel ',//Cancel button name DateOrder: ' YYMMDD ',//panel in date format yeartext: ' Year ', Monthtext: ' Month ', Daytext: ' Day ',//panel endyear:2020,//end of year shownow:true, no Wtext: ' Today ', Hourtext: ' Hour ', Minutetext: ' min ', startyear:curryear, Display: ' Bottom ',//Show Way "modal" "inline" "bubble" "Top" "Bottom"}; $ ("#demos"). Mobiscroll (Opt_data); /** $ (function () {var opt = {preset: ' date ',//date them E: ' Sense-ui ',//Skin style display: ' Modal ',//display mode mode: ' Scroller ',//date selection mode da Teformat: ' Yy-mm-dd ',//date format setText: ' OK ',//Confirm button name Canceltext: ' Cancel ',//Cancel button name me DateOrder: ' YYMMDD ',//panel date arrangement format daytext: ' Day ', Monthtext: ' Month ', Yeartext: ' Year ',//panel in month and day text ENDYEAR:2020//End year}; $ ("#scroller"). Mobiscroll (opt). Date (opt);*/ //before the share of the group to send the wrong. I remember writing one before, I guess I lost it. Now rewrite one. and refine it, the following comment section is the above parameter can be replaced by changing its style//hope to study the plug-in friends plus my personal QQ can also, I also built a group of 291464597 Welcome to the group Exchange. Ha ha. This isn't an advertisement. //Direct Write parameter method//$ ("#scroller"). Mobiscroll (opt). Date (); //shorthand for: $ ("#scroller"). Mobiscroll ({preset: ' date '}); //The specific parameters are defined as follows//{ //preset: ' Date ',//Date type--datatime,//theme: ' iOS ',//Skin Other parameters "Android-ics Light" "Android-ics" "ios" "JQM" "Sense-ui" "Sense-ui" "Sense-ui" //"WP Light" "WP"//mode: "Scroller",//operation mode "Scroller" "Clickpick" "Mixed "//display: ' Bubble ',//display Party "modal" "inline" "bubble" "Top" "Bottom"//dateformat: ' Yyyy-mm-dd ',//Date Format//setText: ' OK ',//Confirm button Name//canceltext: ' Empty ',//Cancel button name me//dateorder: ' YYMMDD ',//the date arrangement grid in the panel//daytext: ' Day ',//monthtext: ' Month ',//Yeartext: ' Year ',//panel of the month and day text//startyear: (New Date ()). getFullYear (),//Start Year//endyear: (New Date ()). getFullYear () + 9,//End Year//Shownow:true,//nowtext: "Tomorrow",// //Showonfocus:false,//height:45,//width:90,//Rows:3}//});</script></body>Random Code record