兼容好的移动日期插件
前端开发框架: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.****.net/detail/muluo7fen/9921112