在 Wordpress 和 Elementor 上使用 FlatPickr 的日历和日期问题

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

所以目前我在 Elementor 上有一个表单,其中包含一个日期字段和两个时间字段。 日历需要使用德语,所以我使用了我在网上找到的 flatpickr 代码,它在大多数情况下都有效。代码插入到wordpress的functions.php文件中。日历是德文的。但是,代码还会在单击时将两个时间字段更改为日历,我不知道如何更改它。任何潜在的解决方案都会很棒,因为我被困在这个问题上。 这是我的 flatpickr 代码:

add_action('wp_footer', function () {
        if ((! is_page(744)) and (! is_page(746)) and (! is_page(1123)) and (! is_page(719))) {
            return;
        }
        ?>
        <script>
        jQuery( document ).ready( function( $ ){
                    function waitForFlatpicker( callback ) {
                        if ( typeof window.flatpickr !== 'function' ) {
                            setTimeout( function() { waitForFlatpicker( callback ) }, 100 );
                        }
                        callback();
                    }
                    waitForFlatpicker( function(){
                        flatpickr.l10ns.pt = {
                            weekdays: {
                                shorthand: ["Son", "Mon", "Dien", "Mitt", "Don", "Frei", "Sam"],
                                longhand: [
                                    "Sonntag",
                                    "Montag",
                                    "Dienstag",
                                    "Mittwoch",
                                    "Donnerstag",
                                    "Freitag",
                                    "Samstag",
                                ],
                            },
                            months: {
                                shorthand: [
                                    "Jan",
                                    "Feb",
                                    "Mar",
                                    "Apr",
                                    "Mai",
                                    "Jun",
                                    "Jul",
                                    "Agu",
                                    "Set",
                                    "Okt",
                                    "Nov",
                                    "Dez",
                                ],
                                longhand: [
                                    "Januar",
                                    "Februar",
                                    "März",
                                    "April",
                                    "Mai",
                                    "Juni",
                                    "Juli",
                                    "August",
                                    "September",
                                    "Oktober",
                                    "November",
                                    "Dezember",
                                ],
                            },
                            rangeSeparator: "r",
                        };
                        //set translations
                        flatpickr.localize(flatpickr.l10ns.pt);
                        flatpickr('.flatpickr-input');
                        //set format
                        setTimeout( function(){
    $('.flatpickr-input').each(function(){ flatpickr( $(this)[0] ).set('dateFormat', 'd/m/Y');});
}, 1000 );
                    });
        });
        </script>
 <?php
} );

有什么办法可以隔离它,以便代码仅在单击日历字段时运行?

我不太熟悉 Flatpickr,所以我不知道它是如何工作的,也不知道如何让它只在选择日历字段而不是两个时间字段时运行。

wordpress forms calendar elementor flatpickr
© www.soinside.com 2019 - 2024. All rights reserved.