Блог

Код добавить в файл Functions.php

После этого вывести TimePicker при помощи shortcode

[text mytime_do id:timepicker]

Код для Functions.php

/**
 * TimePicker for Contact Form 7
 * Shortcode [text mytime_do id:timepicker]
 */

add_action( 'wp_footer', function() { ?>
<script>
jQuery(function ($) {
$('#timepicker').prop('type', 'time');
});
</script>
<?php } );

Код для CF7

<div class="row">
    <div class="col-lg-12">
        <div class="form-group">
           [text text-340 placeholder "Ваше имя"]
        </div>
    </div>
    <div class="col-lg-12">
        <div class="form-group">
            [mask mask-810 "+7(___) ___-__-__" "+7(___) ___-__-__"]
        </div>
    </div>
<div class="col-lg-6">
        <div class="form-group">
[date* date-775 date-format:YYYY-MM-DD min:today+1days max:today+7days id:date class:date]
        </div>
    </div>
<div class="col-lg-6">
        <div class="form-group">
            [text mytime id:timepicker]
        </div>
    </div>
<div class="col-lg-12">
        <div class="form-group">
<button type="submit" class="button-new">Заказать звонок</button>
        </div>
    </div>
</div>