移动端⽇历控件mobiscroll的简单使⽤、参数设置mobiscroll 在性能⽅⾯⽐较好,可选⽤多种效果,滑动效果也⽐较顺畅。
提供样式⽂件和js⽂件,直接点击下载,该版本是 mobiscroll 2.13的
官⽅地址:
下载地址:
需引⼊jquery。该插件很强⼤,本⽂只是简单的引⽤⽇历。
var theme="ios";
$("#id").mobiscroll().date({//这⾥是date,还有time,datetime不在本⽂范围。
theme: theme,//样式,可根据操作系统不同设置不⼀样的样式
lang: "zh",
cancelText: "取消",
dateFormat: 'yyyy-mm-dd',
onBeforeShow: function (inst) { },
endYear: 2016,//可根据当前年份设置
dayText: '⽇', monthText: '⽉', yearText: '年',
headerText: function(valueText) {
var array = valueText.split('-');
return array[0] + "年" + array[1] + "⽉" + array[2] + "⽇";
},
onBeforeShow:function(inst){//展⽰前的事件
adonly=true;//只读属性
},
onSelect: function (valueText, inst) {//选择时事件(点击确定后),valueText 为选择的时间,
var selectedDate = valueText;
}
jquery是什么有什么作用
});
配置⾥的theme参数,提供多种样式供参考:
android
android-holo
android-holo-light
android-ics
android-ics-light
ios(窗⼝底部划出)
ios7(窗⼝底部划出)
jqm(感觉类似透明的效果,⾃⼰去试试效果)
sense-ui
wp
更多请参考官⽅⽹站

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。