jQuery datepicker-无法选择日期

问题描述 投票:0回答:1

我已经创建了一个日期输入字段,并想要对其进行编辑。为此,我编写了以下脚本:

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

这将确保当前日期之前的所有日期都被禁用,并且星期日不可用。那按预期工作。仅当我要选择一个日期时,这是不可能的。输入栏周围将出现一个红色的条。我在wordpress网站的functions.php中添加了此脚本。 functions.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

谁能告诉我怎么了吗?

jquery wordpress woocommerce jquery-ui-datepicker
1个回答
0
投票

使用datepicker();中的格式参数,并确保在jquery.moment之前安装了jquery.selectpicker.js文件。希望能解决您的问题,如果仍然无法解决,请通知我。

© www.soinside.com 2019 - 2024. All rights reserved.