jQuery手机移动端选择时间插件-站长技术网

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

时间:2019-11-15 10:40:52 来源:网络收集作者:不详点击:次

源码授权：免费特效运行环境： jQuery 源码大小： 42 KB
普通会员
点击下载

精美实用的jQuery手机移动端选择时间插件，点击input文本框，遮罩层弹出时间表格选择日期跟时间。本实例中，默认参数通过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>