用mobiscroll插件做时间选择的时候,结束时间不能大于开始时间。比如这样的
那如何修改mobiscroll插件呢?
mobiscroll有个参数是onSelect表示当前选择框,修改onSelect即可。
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', //皮肤样式 display: 'modal', //显示方式 mode: 'scroller', //操作方式 dateFormat: 'yyyy-mm-dd', lang: 'zh', showNow: true, nowText: "今天", startYear: currYear-10, //开始年份 endYear: currYear + 10,//结束年份 onSelect: function (valueText, inst) { var id = $(this)[0].id; var validity = valueText.split("-"); if (id === "appDate") { if (opt.default.maxDate) { opt.default.maxDate = null; } opt.default.minDate = new Date(validity[0], +validity[1] - 1, +validity[2] + 1); jq("#appDate_end").mobiscroll(jq.extend(opt['date'], opt['default'])); } } };