Question

此代码隐藏了计算机上的日期时间选择器，并在移动设备上显示日期和时间选择器，但在其他结构中。我想在一个简单的函数中减少代码，但我不知道如何。一些sugestions？谢谢！我写了这段代码

 if( ismobile) {
            function showHide(){
                $(datepicker1).hide();
            $(timepicker1).hide();
            $(datepicker2).show();
            $(timepicker1).show();
            }
            $("#OF_datepicker0").hide();
            $("#OF_timepicker0").hide();
            $("#OF_datepicker00").show();
            $("#OF_timepicker00").show();

            $("#OF_datepicker1").hide();
            $("#OF_timepicker1").hide();
            $("#OF_datepicker01").show();
            $("#OF_timepicker01").show();

            $("#OF_datepicker2").hide();
            $("#OF_timepicker2").hide();
            $("#OF_datepicker02").show();
            $("#OF_timepicker02").show();

            $("#OF_datepicker3").hide();
            $("#OF_timepicker3").hide();
            $("#OF_datepicker03").show();
            $("#OF_timepicker03").show();

            $("#OF_datepicker_yacht").hide();
            $("#OF_timepicker_yacht").hide();
            $("#OF_datepicker_yacht_mob").show();
            $("#OF_timepicker_yacht_mob").show();

            $("#OF_datepicker_yacht_2").hide();
            $("#OF_timepicker_yacht_2").hide();
            $("#OF_datepicker_yacht_2_mob").show();
            $("#OF_timepicker_yacht_2_mob").show();

            $("#OF_datepicker_yacht_3").hide();
            $("#OF_timepicker_yacht_3").hide();
            $("#OF_datepicker_yacht_3_mob").show();
            $("#OF_timepicker_yacht_3_mob").show();
        }

        });
$(function() {
        $("#OF_datepicker00").datepicker();
        $("#OF_timepicker00").timepicker();

        $("#OF_datepicker01").datepicker();
        $("#OF_timepicker01").timepicker();

        $("#OF_datepicker02").datepicker();
        $("#OF_timepicker02").timepicker();

        $("#OF_datepicker03").datepicker();
        $("#OF_timepicker03").timepicker();

        $("#OF_datepicker_yacht_mob").datepicker();
        $("#OF_timepicker_yacht_mob").timepicker();

        $("#OF_datepicker_yacht_2_mob").datepicker();
        $("#OF_timepicker_yacht_2_mob").timepicker();

        $("#OF_datepicker_yacht_3_mob").datepicker();
        $("#OF_timepicker_yacht_3_mob").timepicker();

        $( "#OF_datepicker_issue" ).datepicker();
});

此代码隐藏了计算机上的日期时间选择器，并在移动设备上显示日期和时间选择器，但在其他结构中。我想在一个简单的函数中减少代码，但我不知道如何。一些sugestions？谢谢！

Answer 1

使用类选择器而不是Id的

$(".OF_timepickerall").show();
$(".OF_timepickerall").hide();

建议减少显示/隐藏代码

1 个答案: