jQuery DatePicker - не могу выбрать дату - PullRequest
0 голосов
/ 16 апреля 2020

Я создал поле ввода даты и хочу его отредактировать. Для этого я сделал следующий скрипт:

<script>
        jQuery(document).ready(function( $ ) {
            $( "#leverdatum_ch").datepicker( {
                minDate: 1,
                beforeShowDay: function(date) {
                    var day = date.getDay();
                    return [(day != 0), ''];
                },            
            } );
        } );
</script>

Это гарантирует, что все дни до текущей даты отключены, а воскресенье недоступно. Это работает, как ожидалось. Только если я хочу выбрать дату, это невозможно. красная полоса появится вокруг поля ввода. Я добавил этот скрипт в functions.php на сайте WordPress. вся функция в функциях. php:

  add_action( 'woocommerce_before_order_notes', 'bbloomer_add_custom_checkout_field' );

function bbloomer_add_custom_checkout_field( $checkout ) { 
   $current_user = wp_get_current_user();
   woocommerce_form_field( 'leverdatum_ch', array(        
      'type' => 'date',        
      'class' => array( 'form-row-wide checkout-date-picker' ),        
      'label' => 'Leverdatum',        
      'placeholder' => '',        
      'required' => true,             
   ), $checkout->get_value( 'leverdatum_ch' ) ); ?>

    <script>
        jQuery(document).ready(function( $ ) {
            $( "#leverdatum_ch").datepicker( {
                minDate: 1,
                beforeShowDay: function(date) {
                    var day = date.getDay();
                    return [(day != 0), ''];
                },            
            } );
        } );
    </script><?php
}

результат, если я нажму на дату: enter image description here

Может кто-нибудь сказать мне, что происходит не так

1 Ответ

0 голосов
/ 16 апреля 2020

Используйте параметр формата в datepicker();, а также убедитесь, что вы установили jquery.moment файл до jquery.selectpicker.js. Я надеюсь, что это решит вашу проблему, дайте мне знать, если все еще не работает.

...