头像

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

来源:https://www.sucaihuo.com/js/4266.html 18***38 2019-03-25 11:37浏览(389) 收藏

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

程序员,你不是一个人;网站开发QQ群:35248186,在线充值,或联系QQ321037704直接充值

查看演示 下载资源: 12

手机扫码访问:

下载资源 下载积分: 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>
最新交易
评论1
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 2589223951

  • 头像 沙发
    03-27 09:37
    su***ng
    不错,很好用,感谢分享
1 2