JQuery календарь перестает работать на рабочем столе, но работает на мобильном телефоне - PullRequest
0 голосов
/ 28 ноября 2018

со странной проблемой с календарем 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>

1 Ответ

0 голосов
/ 10 декабря 2018

Похоже, что в заголовке плоская тема конфликтует, так как дважды вызывает код на странице.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...