Connect_logo_6.png 退出
前端视频教程 小程序 众筹源码 python 商城源码 商城模板 响应式模板 中文模板 手机模板 企业源码
充值

jQuery手机端预约时间选择代码

作者/代码整理:  (转载请附加本文地址,带?#23567;?#25042;人原生”字样的谢绝转载) 发布日期:2019-04-02
一款简洁美观的jQuery手机端点击遮罩弹出预约时间选择代码,适合做移动端时间选择功能。默认参数通过url末尾数值传递“?type=33 ?type=34 ?type=35 ” 自行选择修改。


js代码

<script src="js/jquery.min.js" type="text/javascript" ></script>
<script src="js/jquery.promptu-menu.js" type="text/javascript"></script>
<script type="text/javascript">
$(function() {
	var type = 1;
	
	if (type == 1) {
		var type_ = 'hour';
		var length_ = 1;
	} else {
		if (type == 2 || type == 3) {
			var type_ = 'hour';
		} else {
			var type_ = 'halfHour';
		}
		var length_ = 3;
	}

	var nowDateArray = getNowFormatDate().split(' ');
	var date_ = nowDateArray[0];
	//var type_ = 'halfHour'; 
	t(date_, type_, length_);
	$('.mask-time').height($(window).height());


	$('#doc-select-1').click(function() {
		$('.mask-time,.time-area').show();

	});
	if ($('#fill_infomation_date_start1').val() == "请选择开始时间") {
		$('#fill_infomation_date_start1').css('color', '#afb2b2')
	} else {
		$('#fill_infomation_date_start1').css('color', '#333')
	}
	$('.btn-choose-time').click(function() {
		$('#fill_infomation_date_start1').css('color', '#333')
		if (!$('input[name=time_]').val()) {
			return alert('请选择服务时间');
		}
		var textTime = $('input[name=time_]').val().split(':');
		$('#fill_infomation_date_start1').val($('input[name=date_]').val() + ' ' + textTime[0] + ':' + textTime[1]);
		$('input[name=start_time]').val($('input[name=date_]').val() + ' ' + textTime[0] + ':' + textTime[1] + ':00');
		$('.mask-time,.time-area').css("display", "none");
		$('#doc-select-1').attr('value', 2);
	});

});
</script>

猜你喜欢...
智慧农场2.1.0公众号+小程序双端高级版带拼团众筹和报名插件
laravel客客威客3.6众包任务?#25945;?#27491;版带开发和后台使用手册
黑马链区块链挖矿二开运营版
有钱还超火爆众筹系统微擎运营版送白皮书
135k代驾搭车1.2.20微擎微信小程序源码 同城代驾系统源码
免签直达商户支付自动充值系统共六个模块带详?#20184;?#25509;文档
Thinkphp5有钱还智能还款还贷系统包搭建
千行云论坛5.2.2带课堂答题考试和积分商城多个插件
深海?#23383;?#20184;8.3.0全解密并去除授权带在线开发文档
大橙子3.16模板白色干净的响应式电影整站源码
数字资产区块链期权交易?#25945;?#28304;码时间盘点位盘外汇交易?#25945;?#28304;码
诺诺9.1二开视频打赏赚钱?#25945;?#28304;码 对接支付跳转 火车?#20961;?#38598;半自动采集
服务版码上点餐外卖餐饮系统7.5.6微擎公众号+小程序预订外卖服务系统源码
给客户二开的一键生成转账截图验证还款能力
discuz x3.4新锐创想3.3轻主题社区 DZ论坛商业版门户模板pc+手机版二合一
Q仔来啦疯狂领养宠物集市开发市场区块猪包搭建
vue金鸡报喜区块鸡体验效果堪比APP原生
最新签?#20132;?#21160;抽奖源码?#25042;?#29256;非微擎 微信互动摇一摇源码带婚庆背景带背景音乐
网站程序源码交易?#25945;?#25972;站源码 优秀源码域名交易服务站点?#34892;?/a>
火币虚拟币交易?#25945;?#24065;币交易 区块链虚拟交易?#25945;?#28304;码包搭建
极速快三全天人工计划
中国福彩网积分兑换 海南环岛赛彩票玩法与开奖 体彩湖北11选五前三直 福彩15选5带坐标走势图 广东省福利彩票中心 乒乓球教学视频 电子游艺打气球机 分分彩是不是有人控制 360老时时彩开奖结果 3d胆拖复式计算器 河南快三形态走势图一定 六场半全场跟单网站 河南11选5软件 3d彩票的内组织规律 分分时时彩人工计划