兼容好的移动日期插件
来源:互联网 发布:关于护肤的软件 编辑:程序博客网 时间: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
- 兼容好的移动日期插件
- 兼容PC和移动页面的mobiscroll日期插件之简单使用
- 日期插件 兼容ie7+
- 好用的JQ日期時間選擇插件
- 自己收集的好用的日期插件
- 移动端日期选择插件
- 移动端日期小插件
- Mobiscroll的介绍【一款兼容PC和移动设备的滑动插件】
- FlexSlider插件的详细设置参数(兼容PC和移动的轮播图)
- 使用jquery的imagecropper插件做用户头像上传 兼容移动端
- 基于jq的图片轮播插件,滑动切图,兼容移动,PC端
- 兼容IE9的 日期代码
- 好插件(移动骨架)mobilebone.js
- 兼容IE8的轮播图插件
- 一个比较好用的日期和日历插件,可以指定时间范围[百度博客搬家]
- github项目学习—— 移动端比较好的插件
- 好的插件
- 改进的日期插件
- Mac重新设置用户root密码
- JAVA 字符串与date类型转换(自用类)
- 基于JavaMail的Java邮件发送:简单邮件发送
- 多校训练赛题解 第四场 2017 Multi-University Training Contest 4 solutions BY 陈松杨
- 用C API实现MySQL数据库的连接和增删改查
- 兼容好的移动日期插件
- MultiType
- 阻塞非阻塞与同步异步
- 正则隐藏手机号中间4位
- SC ConfigServer配置存储改为MySQL或其他数据库
- linux下安装mysql(CentOS系统为例)
- [LeetCode]102. Binary Tree Level Order Traversal--二叉树层序遍历1
- 数据分析起步
- 欢迎使用CSDN-markdown编辑器