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

一款简洁美观的jQuery手机端点击遮罩弹出预约时间选择代码,适合做移动端时间选择功能。默认参数通过url末尾数值传递“?type=33 ?type=34 ?type=35 ” 自行选择修改。
<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,0351
- 2,00312
- 1,9800
- 1,8553
- 1,7841





