关于mobiscroll.js的文本框初始化问题

使用版本mobiscroll.custom-2.16.1.min.js具体组件可以去官网, http://download.mobiscroll.com/ 下载,不过需要收费,有破解版方法可以看下 http://blog.csdn.net/cdnight/article/details/49306957 这篇文章,写的太棒了。

引入js和css
<span style="font-family: Arial, Helvetica, sans-serif;"><script src="mobiscroll/js/mobiscroll.custom-2.16.1.min.js" type="text/javascript"></script></span>

<link href="mobiscroll/css/mobiscroll.custom-2.16.1.min.css" rel="stylesheet" type="text/css" />

日期输入文本框:

<input class="riqi-input" type="text" name="startTime" value="${startTime}" id="starttime">
遇到问题:文本框路径传参传入一个日期2016-04-15格式,此时点击文本框初始化组件选择时,弹出框层的日期是从参数opt. startYear的值开始的。

分析的结论是:当文本框中有初始化值时可能会对参数中的defaultValue有影响。

解决办法:这里是先加载mobiscroll.js控件,先把功能加载到文本框上,然后在使用jquery把初始化的值赋值给文本框

代码如下:

<input class="riqi-input" type="text" name="startTime" value="" id="starttime">

初始化js

$(function(){
 
    var currYear = (new Date()).getFullYear(); 

    var opt={};

    opt.date = {preset : 'date'};

    opt.datetime = {preset : 'datetime'};
	
    opt.time = {preset : 'time'};

    opt.default = {

        theme: 'android-holo-light', //皮肤样式

        display: 'modal', //显示方式

        mode: 'scroller', //日期选择模式

        dateFormat: 'yyyy-mm-dd',

        lang: 'zh',
//         showNow: true,

//         nowText: "今天",
       startYear: currYear - 10, //开始年份

        endYear: currYear + 10 //结束年份

    };
    $("#starttime").mobiscroll($.extend(opt['date'], opt['default']));

	<span style="color:#ff0000;">initDateCompontValue();</span>
});
function initDateCompontValue(){
	var starttime='${startTime}';
	
	$("#starttime").val(starttime);
	
}


  • 2
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 3
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值