Script:
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<link href="css/mobiscroll.custom-2.6.2.min.css" rel="stylesheet" type="text/css" />
<script src="js/mobiscroll.custom-2.6.2.min.js" type="text/javascript"></script>
Html:
<input type="text" id="flyn">
Js:
$("#flyn").mobiscroll({
preset: 'date',
theme: 'android-ics light',
lang: 'zh',
mode: 'scroller',
});
Options:
{
preset: 'date', // datetime,time,tree_list,image_text,select
theme: 'ios', //皮肤【android-ics light】【android-ics】【ios】【jqm】...
mode: "scroller",//操作方式【scroller】【clickpick】【mixed】
lang: 'zh', // hu,de,es,fr,it,no,pt-BR,nl,tr,ja
display: 'modal', //显示方【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
}