
一款简洁美观的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>










暂无评论内容