jQuery手机移动端选择时间插件

精美实用的jQuery手机移动端选择时间插件，点击input文本框，遮罩层弹出时间表格选择日期跟时间。本实例中，默认参数通过url末尾数值传递“?type=33 ?type=34 ?type=35”自行选择修改。

分类：日期时间 > 日期控件难易：中级

查看演示下载资源下载积分： 30 积分

关注公众号，免费赠送安装视频教程、环境和学习视频，后面会不断更新。

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>