Question

jQuery日历存在一个奇怪的问题，我的代码在扁平主题wordpress中的一个小块（小部件）中，它与我在台式机和移动版标题构建器中使用的同一块。而不是台式机，如果我交换东西，它将在台式机而不是移动设备中打开。

我的代码是否适合日历，还是这里有明显的问题下面的主题子功能

{
    wp_enqueue_script('jquery-ui-datepicker');
}

function custom_style_sheet() {
    wp_enqueue_style('custom-styling', get_stylesheet_directory_uri().
        '/datepicker.css');
}
add_action('wp_enqueue_scripts', 'custom_style_sheet');

日历表单代码

<form class="bookingquery" action="externalurl" autocomplete="off" method="post" novalidate="novalidate" target="_blank">
<input id="In" class="checkin" style="width: 100%; height :50px; 
cursor: pointer;" name="In" readonly="readonly" type="text" value="" placeholder="Check In" />
<script>
    jQuery(document).ready(function() {
        jQuery('#In').datepicker({
            dateFormat: 'dd-mm-yy',
            minDate: 0,
            yearRange: '00:+02',
            orientation: "top",
            autoclose: true,
            yearSuffix: ''
        });
    });
</script>
<input id="Out" class="checkout" style="width: 100%; height :50px; 
cursor: pointer;" name="Out" readonly="readonly" type="text" value="" placeholder="Check Out" />
<script>
    jQuery(document).ready(function() {
        jQuery('#Out').datepicker({
            dateFormat: 'dd-mm-yy',
            minDate: +1,
            yearRange: '00:+02',
            orientation: "top",
            autoclose: true,
            yearSuffix: ''
        });
    });
</script>
<input id="Guests" name="Guests" type="hidden" value="2" />
<button class="form-submit-booking" type="submit">Search</button>
</div>

Answer 1

扁平主题似乎在标头中发生冲突，因为它两次调用了代码在页面上正常工作

jQuery日历停止在桌面上运行，但在移动设备上运行

1 个答案: