Moiscroll是一款功能强大的jQuery插件,它可以帮助开发者轻松实现日期选择、时间选择、时间范围选择等功能。今天,我们就来聊聊如何设置Moiscroll插件,让它更好地服务于你的项目。
一、引入Moiscroll插件
你需要引入Moiscroll插件。你可以在官方网站下载最新版本的Moiscroll,并将其包含在你的项目中。以下是一个简单的引入示例:
二、初始化Moiscroll
你需要初始化Moiscroll。以下是一个初始化的示例:
$(function(){
varcurrDate=newDate()
varot={
theme:'ios',//设置问题样式
dislay:'ottom',//设置显示位置
mode:'scroller',//设置模式
dateFormat:'yyyy-mm-dd',//设置日期格式
dateOrder:['yyyy','mm','dd'],//设置日期顺序
yearText:'年',
monthText:'月',
dayText:'日',
onSelect:function(valueText,inst){
/选择日期后的回调函数
varot1=$.extend(ot,{
startYear:currDate.getFullYear()-10,//设置起始年份
endYear:currDate.getFullYear()+10,//设置结束年份
value:[currDate.getFullYear(),currDate.getMonth()+1,currDate.getDate()]//设置默认值
varot2=$.extend(ot,{
startYear:currDate.getFullYear()-10,
endYear:currDate.getFullYear()+10,
value:[currDate.getFullYear(),currDate.getMonth()+1,currDate.getDate()]
varot3=$.extend(ot,{
startYear:currDate.getFullYear()-10,
endYear:currDate.getFullYear()+10,
value:[currDate.getFullYear(),currDate.getMonth()+1,currDate.getDate()]
varot4=$.extend(ot,{
startYear:currDate.getFullYear()-10,
endYear:currDate.getFullYear()+10,
value:[currDate.getFullYear(),currDate.getMonth()+1,currDate.getDate()]
varot5=$.extend(ot,{
startYear:currDate.getFullYear()-10,
endYear:currDate.getFullYear()+10,
value:[currDate.getFullYear(),currDate.getMonth()+1,currDate.getDate()]
varot6=$.extend(ot,{
startYear:currDate.getFullYear()-10,
endYear:currDate.getFullYear()+10,
value:[currDate.getFullYear(),currDate.getMonth()+1,currDate.getDate()]
varot7=$.extend(ot,{
startYear:currDate.getFullYear()-10,
endYear:currDate.getFullYear()+10,
value:[currDate.getFullYear(),currDate.getMonth()+1,currDate.getDate()]
varot8=$.extend(ot,{
startYear:currDate.getFullYear()-10,
endYear:currDate.getFullYear()+10,
value:[currDate.getFullYear(),currDate.getMonth()+1,currDate.getDate()]
varot9=$.extend(ot,{
startYear:currDate.getFullYear()-10,
endYear:currDate.getFullYear()+10,
value:[currDate.getFullYear(),currDate.getMonth()+1,currDate.getDate()]
varot10=$.extend(ot,{
startYear:currDate.getFullYear()-10,
endYear:currDate.getFullYear()+10,
value:[currDate.getFullYear(),currDate.getMonth()+1,currDate.getDate()]
varot11=$.extend(ot,{
startYear:currDate.getFullYear()-10,
endYear:currDate.getFullYear()+10,
value:[currDate.getFullYear(),currDate.getMonth()+1,currDate.getDate()]
varot12=$.extend(ot,{
startYear:currDate.getFullYear()-10,
endYear:currDate.getFullYear()+10,
value:[currDate.getFullYear(),currDate.getMonth()+1,currDate.getDate()]
varot13=$.extend(ot,{
startYear:currDate.getFullYear()-10,
endYear:currDate.getFullYear()+10,
value:[currDate.getFullYear(),currDate.getMonth()+1,currDate.getDate()]
varot14=$.extend(ot,{
startYear:currDate.getFullYear()-10,
endYear:currDate.getFullYear()+10,
value:[currDate.getFullYear(),currDate.getMonth()+1,currDate.getDate()]
varot15=$.extend(ot,{
startYear:currDate.getFullYear()-10,
endYear:currDate.getFullYear()+10,
value:[currDate.getFullYear(),currDate.getMonth()+1,currDate.getDate()]
varot16=$.extend(ot,{
startYear:currDate.getFullYear()-10,
endYear:currDate.getFullYear()+10,
value:[currDate.getFullYear(),currDate.getMonth()+1,currDate.getDate()]
varot17=$.extend(ot,{
startYear:currDate.getFullYear()-10,
endYear:currDate.getFullYear()+10,
value:[currDate.getFullYear(),currDate.getMonth()+1,currDate.getDate()]
varot18=$.extend(ot,{
startYear:currDate.getFullYear()-10,
endYear:currDate.getFullYear()+10,
value:[currDate.getFullYear(),currDate.getMonth()+1,currDate.getDate()]
varot19=$.extend(ot,{
startYear:currDate.getFullYear()-10,
endYear:currDate.getFullYear()+10,
value:[currDate.getFullYear(),currDate.getMonth()+1,currDate.getDate()]
varot20=$.extend(ot,{
startYear:currDate.getFullYear()-10,
endYear:currDate.getFullYear()+10,
value:[currDate.getFullYear(),currDate.getMonth()+1,currDate.getDate()]
varot21=$.extend(ot,{
startYear:currDate.getFullYear()-10,
endYear:currDate.getFullYear()+10,
value:[currDate.getFullYear(),currDate.getMonth()+1,currDate.getDate()]
varot22=$.extend(ot,{
startYear:currDate.getFullYear()-10,
endYear:currDate.getFullYear()+10,
value:[currDate.getFullYear(),currDate.getMonth()+1,currDate.getDate()]
varot23=$.extend(ot,{
startYear:currDate.getFullYear()-10,
endYear:currDate.getFullYear()+10,
value:[currDate.getFullYear(),currDate.getMonth()+1,currDate.getDate()]
varot24=$.extend(ot,{
startYear:currDate.getFullYear()-10,
endYear:currDate.getFullYear()+10,
value:[currDate.getFullYear(),currDate.getMonth()+1,currDate.getDate()]
varot25=$.extend(ot,{
startYear:currDate.getFullYear()-10,
endYear:currDate.getFullYear()+10,
value:[currDate.getFullYear(),currDate.getMonth()+1,currDate.getDate()]
varot26=$.extend(ot,{
startYear:currDate.getFullYear()-10,
endYear:currDate.getFullYear()+10,
value:[currDate.getFullYear(),currDate.getMonth()+1,currDate.getDate()]
varot27=$.extend(ot,{
startYear:currDate.getFullYear()-10,
endYear:currDate.getFullYear()+10,
value:[currDate.getFullYear(),currDate.getMonth()+1,currDate.getDate()]
varot28=$.extend(ot,{
startYear:currDate.getFullYear()-10,
endYear:currDate.getFullYear()+10,
value:[currDate.getFullYear(),currDate.getMonth()+1,currDate.getDate()]
varot29=$.extend(ot,{
startYear:currDate.getFullYear()-10,
endYear:currDate.getFullYear()+10,
value:[currDate.getFullYear(),currDate.getMonth()+1,currDate.getDate()]
varot30=$.extend(ot,{
startYear:currDate.getFullYear()-10,
endYear:currDate.getFullYear()+10,
value:[currDate.getFullYear(),currDate.getMonth()+1,currDate.getDate()]
varot31=$.extend(ot,{
startYear:currDate.getFullYear()-10,
endYear:currDate.getFullYear()+10,
value:[currDate.getFullYear(),currDate.getMonth()+1,currDate.getDate()]
varot32=$.extend(ot,{
startYear:currDate.getFullYear()-10,
endYear:currDate.getFullYear()+10,
value:[currDate.getFullYear(),currDate.getMonth()+1,currDate.getDate()]
varot33=$.extend(ot,{
startYear:currDate.getFullYear()-10,
endYear:currDate.getFullYear()+10,
value:[currDate.getFullYear(),currDate.getMonth()+1,currDate.getDate()]
varot34=$.extend(ot,{
startYear:currDate.getFullYear()-10,
endYear:currDate.getFullYear()+10,
value:[currDate.getFullYear(),currDate.getMonth()+1,currDate.getDate()]
varot35=$.extend(ot,{
startYear:currDate.getFullYear()-10,
endYear:currDate.getFullYear()+10,
value:[currDate.getFullYear(),currDate.getMonth()+1,currDate.getDate()]
varot36=$.extend(ot,{
startYear:currDate.getFullYear()-10,
endYear:currDate.getFullYear()+10,
value:[currDate.getFullYear(),currDate.getMonth()+1,currDate.getDate()]
varot37=$.extend(ot,{
startYear:currDate.getFullYear()-10,
endYear:currDate.getFullYear()+10,
value:[currDate.getFullYear(),currDate.getMonth()+1,currDate.getDate()]
varot38=$.extend(ot,{
startYear:currDate.getFullYear()-10,
endYear:currDate.getFullYear()+10,
value:[currDate.getFullYear(),currDate.getMonth()+1,currDate.getDate()]
varot39=$.extend(ot,{
startYear:currDate.getFullYear()-10,
endYear:currDate.getFullYear()+10,
value:[currDate.getFullYear(),currDate.getMonth()+1,currDate.getDate()]
varot40=$.extend(ot,{
startYear:currDate.getFullYear()-10,
endYear:currDate.getFullYear()+10,
value:[currDate.getFullYear(),currDate.getMonth()+1,currDate.getDate()]
varot41=$.extend(ot,{
startYear:currDate.getFullYear()-10,
endYear:currDate.getFullYear()+10,
value:[currDate.getFullYear(),currDate.getMonth()+1,currDate.getDate()]
varot42=$.extend(ot,{
startYear:currDate.getFullYear()-10,
endYear:currDate.getFullYear()+10,
value:[currDate.getFullYear(),currDate.getMonth()+1,currDate.getDate()]
varot43=$.extend(ot,{
startYear:currDate.getFullYear()-10,
endYear:currDate.getFullYear()+10,
value:[currDate.getFullYear(),currDate.getMonth()+1,currDate.getDate()]
varot44=$.extend(ot,{
startYear:currDate.getFullYear()-10,
endYear:currDate.getFullYear()+10,
value:[currDate.getFullYear(),currDate.getMonth()+1,currDate.getDate()]
varot45=$.extend(ot,{
startYear:currDate.getFullYear()-10,
endYear:currDate.getFullYear()+10,
value:[currDate.getFullYear(),currDate.getMonth()+1,currDate.getDate()]
varot46=$.extend(ot,{
startYear:currDate.getFullYear()-10,
endYear:currDate.getFullYear()+10,
value:[currDate.getFullYear(),currDate.getMonth()+1,currDate.getDate()]
varot47=$.extend(ot,{
startYear:currDate.getFullYear()-10,
endYear:currDate.getFullYear()+10,
value:[currDate.getFullYear(),currDate.getMonth()+1,currDate.getDate()]
varot48=$.extend(ot,{
startYear:currDate.getFullYear()-10,
endYear:currDate.getFullYear()+10,
value:[currDate.getFullYear(),currDate.getMonth()+1,currDate.getDate()]
varot49=$.extend(ot,{
startYear:currDate.getFullYear()-10,
endYear:currDate.getFullYear()+10,
value:[currDate.getFullYear(),currDate.getMonth()+1,currDate.getDate()]
varot50=$.extend(ot,{
startYear:currDate.getFullYear()-10,
endYear:currDate.getFullYear()+10,
value:[currDate.getFullYear(),currDate.getMonth()+1,currDate.getDate()]
varot51=$.extend(ot,{
startYear:currDate.getFullYear()-10,
endYear:currDate.getFullYear()+10,
value:[currDate.getFullYear(),currDate.getMonth()+1,currDate.getDate()]
varot52=$.extend(ot,{
startYear:currDate.getFullYear()-10,
endYear:currDate.getFullYear()+10,
value:[currDate.getFullYear(),currDate.getMonth()+1,currDate.getDate()]
varot53=$.extend(ot,{
startYear:currDate.getFullYear()-10,
endYear:currDate.getFullYear()+10,
value:[currDate.getFullYear(),currDate.getMonth()+1,currDate.getDate()]
varot54=$.extend(ot,{
startYear:currDate.getFullYear()-10,
endYear:currDate.getFullYear()+10,
value:[currDate.getFullYear(),currDate.getMonth()+1,currDate.getDate()]
varot55=$.extend(ot,{
startYear:currDate.getFullYear()-10,
endYear:currDate.getFullYear()+10,
value:[currDate.getFullYear(),currDate.getMonth()+1,currDate.getDate()]
varot56=$.extend(ot,{
startYear:currDate.getFullYear()-10,
endYear:currDate.getFullYear()+10,
value:[currDate.getFullYear(),currDate.getMonth()+1,currDate.getDate()]
varot57=$.extend(ot,{
startYear:currDate.getFullYear()-10,
endYear:currDate.getFullYear()+10,
value:[currDate.getFullYear(),currDate.getMonth()+1,currDate.getDate()]
varot58=$.extend(ot,{
startYear:currDate.getFullYear()-10,
endYear:currDate.getFullYear()+10,
value:[currDate.getFullYear(),currDate.getMonth()+1,currDate.getDate()]
varot59=$.extend(ot,{
startYear:currDate.getFullYear()-10,
endYear:currDate.getFullYear()+10,
value:[currDate.getFullYear(),currDate.getMonth()+1,currDate.getDate()]
varot60=$.extend(ot,{
startYear:currDate.getFullYear()-10,
endYear:currDate.getFullYear()+10,
value:[currDate.getFullYear(),currDate.getMonth()+1,currDate.getDate()]
varot61=$.extend(ot,{
startYear:currDate.getFullYear()-10,
endYear:currDate.getFullYear()+10,
value:[currDate.getFullYear(),currDate.getMonth()+1,currDate.getDate()]
varot62=$.extend(ot,{
startYear:currDate.getFullYear()-10,
endYear:currDate.getFullYear()+10,
value:[currDate.getFullYear(),currDate.getMonth()+1,currDate.getDate()]
varot63=$.extend(ot,{
startYear:currDate.getFullYear()-10,
endYear:currDate.getFullYear()+10,
value:[currDate.getFullYear(),currDate.getMonth()+1,currDate.getDate()]
varot64=$.extend(ot,{
startYear:currDate.getFullYear()-10,
endYear:currDate.getFullYear()+10,
value:[currDate.getFullYear(),currDate.getMonth()+1,currDate.getDate()]
varot65=$.extend(ot,{
startYear:currDate.getFullYear()-10,
endYear:currDate.getFullYear()+10,
value:[currDate.getFullYear(),currDate.getMonth()+1,currDate.getDate()]
varot66=$.extend(ot,{
startYear:currDate.getFullYear()-10,
endYear:currDate.getFullYear()+10,
value:[currDate.getFullYear(),currDate.getMonth()+1,currDate.getDate()]
varot67=$.extend(ot,{
startYear:currDate.getFullYear()-10,
endYear:currDate.getFullYear()+10,
value:[currDate.getFullYear(),currDate.getMonth()+1,currDate.getDate()]
varot68=$.extend(ot,{
startYear:currDate.getFullYear()-10,
endYear:currDate.getFullYear()+10,
value:[currDate.getFullYear(),currDate.getMonth()+1,currDate.getDate()]
varot69=$.extend(ot,{
start
1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;
2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;
3.作者投稿可能会经我们编辑修改或补充。