首页 > 代码库 > Mobiscroll日期插件使用
Mobiscroll日期插件使用
- 相关资源
- 官方帮助文档:https://docs.mobiscroll.com/3-0-1
- 导入资源文件
<link href="http://www.mamicode.com/${webRoot}/template/green/wap/module/member/medicinebox/statics/css/mobiscroll.css" type="text/css" rel="stylesheet" /><link href="http://www.mamicode.com/${webRoot}/template/green/wap/module/member/medicinebox/statics/css/mobiscroll_date.css" type="text/css" rel="stylesheet" /><script src="http://www.mamicode.com/${webRoot}/template/green/wap/module/member/medicinebox/statics/js/jquery.min.js" type="text/javascript"> </script><script src="http://www.mamicode.com/${webRoot}/template/green/wap/module/member/medicinebox/statics/js/mobiscroll_date.js" type="text/javascript"> </script><script src="http://www.mamicode.com/${webRoot}/template/green/wap/module/member/medicinebox/statics/js/mobiscroll.js" type="text/javascript"> </script>
- 设置日期输入框
<input id="mobiscroll_input" style="width: 0rem;">
- 初始化日期插件
function initMobiscroll(){ var currYear = (new Date()).getFullYear(); var opt={}; opt.date = { preset : ‘date‘, onSelect:function(valueText,inst){ $("#validity_text").text(valueText); $("#drug_effective_time_str_input").val($.trim(valueText)); }, onBeforeShow: function (event, inst) { var validity = $.trim($("#validity_text").text()).split("-"); if(!isEmpty(validity)){ $(‘#mobiscroll_input‘).mobiscroll(‘setDate‘, new Date(validity[0], validity[1] - 1, validity[2])); } } }; 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 - 50, //开始年份 endYear: currYear + 10 //结束年份 }; $("#mobiscroll_input").mobiscroll($.extend(opt[‘date‘], opt[‘default‘]));}
Mobiscroll日期插件使用
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。