? jQuery手機移動端選擇時間插件 - 素材火
頭像

jQuery手機移動端選擇時間插件

來源:https://www./js/4266.html 18***38 2019-03-25 11:37瀏覽(166) 收藏

精美實用的jQuery手機移動端選擇時間插件,點擊input文本框,遮罩層彈出時間表格選擇日期跟時間。本實例中,默認參數通過url末尾數值傳遞“?type=33 ?type=34 ?type=35”自行選擇修改。
jQuery手機移動端選擇時間插件
分類:日期時間 > 日期控件 難易:中級

程序員,你不是一個人;網站開發QQ群:35248186,在線充值,或聯系QQ2589223951直接充值

查看演示 下載資源: 5

手機掃碼訪問:

下載資源 下載積分: 30 積分

js代碼

<script src=/js/"js/jquery.min.js" type="text/javascript" ></script>
<script src=/js/"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