如何使用Avada主题更改WordPress中的日期选择器默认设置?

kcugc4gi  于 2023-03-07  发布在  WordPress
关注(0)|答案(3)|浏览(224)

Avada主题似乎使用flatpickr作为其Avada表单的默认日期选择器,但无法使用Avada Builder更改默认配置。

我希望按照https://flatpickr.js.org/examples/中的描述来使用可选参数。作为最低要求,我希望设置一个最小日期(minDate),以至于昨天的日期无法选取。问题是我对Javascript和WordPress的幕后知识相当缺乏。我曾尝试编辑位于wp-content/plugins/fusion-builder/assets/js/min/library/flatpickr.js中的flatpickr.js文件,但这是不允许的,我也不知道这是否是默认设置应该如何改变在所有。
使用Avada主题在WordPress中设置minDateflatpickr的正确方法是什么?

mkshixfv

mkshixfv1#

在做了更多的研究并在Avada支持的帮助下,需要执行以下步骤来修改flatpickr日期选择器。
1.添加子主题(在本例中为Avada子主题)
1.复制位于/wp-content/plugins/fusion-builder/assets/js/min/library中的flatpickr.js脚本
1.在flatpickr.js的副本中进行所需的修改
1.将.js文件的修改版本放入Avada子主题目录wp-content/themes/Avada-Child-Theme
1.通过添加以下代码段修改Avada子主题的functions.php文件:

function ab_dequeue_script() {
    Fusion_Dynamic_JS::dequeue_script( 'fusion-date-picker' );
}
add_action( 'wp_print_scripts', 'ab_dequeue_script', 100 );

function ab_flatpicker_enqueue() {
    wp_enqueue_script(
        'fusion-date-picker',
        get_stylesheet_directory_uri() . '/flatpickr.js',
        [ 'jquery' ],
        '1',
        true
        );
}
add_action( 'wp_enqueue_scripts', 'ab_flatpicker_enqueue', 999);

1.在Wordpress中选择Avada儿童主题。
应该可以了。

ubbxdtey

ubbxdtey2#

你只能使用jQuery来设置最小日期。你将通过jquery选择输入字段ID并放置平面选择器设置。例如。

<input type='text' id='form' name='form'>
<script>
jQuery( '#from' ).flatpickr({
    minDate: "today"
});
</script>

此外,您可以在Wordpress Jmeter 板上的Avada选项中添加jQuery代码。

oxcyiej7

oxcyiej73#

您可以使用以下Avada和WordPress:

<script>
jQuery( document ).ready(function($) {
    jQuery('#your_input_selector').flatpickr({
    minDate: "today",
    defaultDate: "today"
    });
});
</script>

相关问题