Javascript 我的最小日期在WordPress中的日期选择器中不起作用

我正在使用Elementor进行WordPress项目。在这种情况下，我将Elementor表单与日期选择器一起使用，并为min date编写了代码，但它不起作用

这是我的表单，弹出窗口中有日期选择器：

我还可以选择不应该发生的前一个日期

我在functions.php中添加的代码：

add_action( 'wp_footer', function() {
?>
<script type="text/javascript">
    jQuery( window ).load( function( $ ){
        var limitFlatPicker;
        var afterTwoDays;
        var afterEightDays;
        limitFlatPicker = limitFlatPicker || {};
        limitFlatPicker = {
            defaultSettings: {
                selector: '.flatpickr-input',
                minDate: false,
                maxDate: false,
            },
            settings: {},
            init: function( options ) {
                this.settings = jQuery.extend( this.defaultSettings, options );
                if ( this.settings.minDate || this.settings.maxDate ) {
                    this.waitForFlatpicker( this.callback );
                }
            },
            waitForFlatpicker: function( callback ) {
                if ( typeof window.flatpickr !== 'function' ) {
                    setTimeout( function() { limitFlatPicker.waitForFlatpicker( callback ) }, 100 );
                }
                callback();
            },
            modifyPicker: function( picker, settings ) {
                flatpickr( picker ).set( settings );
            },
            callback: function() {
                var self;
                self = limitFlatPicker;
                jQuery( self.settings.selector ).each( function() {
                    var picker;
                    picker = jQuery( this )[0],
                    pickerSettings = {};

                    if ( self.settings.minDate ) {
                        pickerSettings['minDate'] = self.settings.minDate;
                    }
                    if ( self.settings.maxDate ) {
                        pickerSettings['maxDate'] = self.settings.maxDate;
                    }
                    self.modifyPicker( picker, pickerSettings );
                } );
            }
        }

            limitFlatPicker.init( {
                minDate: new Date(),
                selector: '#form_field_date',
            } );            
            <?php 

            if ( is_page( 207 ) || is_page( 215 )) {
            ?>
            limitFlatPicker.init( {
                minDate: new Date(),
                selector: '#form_field_date',
            } );            
            <?php 
                } 
            ?>
            limitFlatPicker.init( {
                minDate: new Date(),
                selector: '#form_field_date',
            } );

    } );
</script>

<?php
},11);

<input type="text" name="form_fields[form_field_date]" id="form-field-form_field_date" class="elementor-field elementor-size-md elementor-field-textual elementor-date-field flatpickr-input active" placeholder="Start Date*" required="required" aria-required="true" pattern="[0-9]{4}-[0-9]{2}-[0-9]{2}">

当我将表单添加到页面时，代码起作用，但当表单处于弹出状态时，代码不起作用，因为弹出表单代码出现在页脚中。

---

非常感谢您的帮助。

我通过将表单移动到页面而不是弹出窗口来解决此问题，因为弹出窗口表单代码出现在页脚中，脚本代码也出现在页脚中，我认为这就是脚本无法在弹出窗口表单中工作的原因

---

页面中的表单现在工作正常，但弹出窗口中的表单仍然不工作。

我通过将表单移动到页面而不是弹出窗口来解决此问题，因为弹出窗口表单代码出现在页脚中，脚本代码也是，我想这就是脚本在弹出窗口表单中不工作的原因

---

页面中的表单现在工作正常，但弹出窗口中的表单仍然不工作。

查看代码时，您的选择器必须是

form-field-form-field-date

而不仅仅是

form-field-date

@AliQorbani。我已经更改了选择器，但不起作用。您的js代码是否正确添加到页脚？我想我用手机有问题。使用Inspect元素并检查您添加或删除的代码not@AliQorbani. 是，添加了我的代码。查看您的代码时，您的选择器必须是

form-field-form-field-date

，而不仅仅是

form-field-date

@AliQorbani。我已经更改了选择器，但不起作用。您的js代码是否正确添加到页脚？我想我用手机有问题。使用Inspect元素并检查您添加或删除的代码not@AliQorbani. 是的，添加了我的代码。