兼容好的移动日期插件

来源:互联网 发布:关于护肤的软件 编辑:程序博客网 时间:2024/05/17 02:12

前端开发框架:bootstrap

前端h5:

<input type="text" class="自定义的样式" id="myDate" name="appDate" placeholder="请选择出生日期" readonly>

js:

getServerTimeToDate();//从服务器获取时间
var currYear = (new Date(servertime)).getFullYear();
var opt={};
opt.date = {preset : 'date'};
opt.datetime = {preset : 'datetime'};
opt.time = {preset : 'time'};
opt.default = {
theme: 'android-ics light', //皮肤样式
        display: 'bottom', //显示方式 从底部弹出
        mode: 'scroller', //日期选择模式
dateFormat: 'yyyy-mm-dd',
lang: 'zh',
//showNow: true,
//nowText: "今天",
        startYear: currYear - 100, //开始年份
        endYear: currYear,  //结束年份
        onSelect:function(valueText,inst){
        //input
var limit_time = valueText.split('-');
//返回true-false
var judge_age = judgeCustomerAge(start_age,end_age,limit_time);
if(judge_age){
$("#myDate").val(valueText);
}else{
$("#myDate").val('');
$('#birth_msg').val('投保年龄:'+start_age+'~'+end_age);
$('#birth_msg').show();
$('#birth_msg').fadeOut(3500);
}
    }
};


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



插件下载地址:http://download.csdn.net/detail/muluo7fen/9921112

原创粉丝点击