当前位置： 移动技术网 > IT编程>开发语言>.net > Mobiscroll日期插件使用

Mobiscroll日期插件使用

2018年01月09日  | 移动技术网IT编程  | 我要评论

妻奴婚恋高干,归离山庄攻略,日本福岛变异的女人

相关资源 官方帮助文档：https://docs.mobiscroll.com/3-0-1 导入资源文件 
<link href="${webRoot}/template/green/wap/module/member/medicinebox/statics/css/mobiscroll.css" type="text/css" rel="stylesheet" />
<link href="${webRoot}/template/green/wap/module/member/medicinebox/statics/css/mobiscroll_date.css" type="text/css" rel="stylesheet" />

<script src="${webRoot}/template/green/wap/module/member/medicinebox/statics/js/jquery.min.js" type="text/javascript"> </script>
<script src="${webRoot}/template/green/wap/module/member/medicinebox/statics/js/mobiscroll_date.js" type="text/javascript"> </script>
<script src="${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']));
}

 欢迎转载，转载必须标明出处

您可能感兴趣的文章:

如对本文有疑问，请在下面进行留言讨论，广大热心网友会与你互动！！ 点击进行留言回复

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网