【问题标题】:How to set conditional config options in flatpickr如何在 flatpickr 中设置条件配置选项
【发布时间】:2021-08-12 12:47:54
【问题描述】:

我已成功使用flatpickr 作为我最喜欢的日期选择器,但现在我必须将“defaultDate”输入设为有条件的。

if(defDateExists){
    defaultDate: ucheckout,
}

这破坏了我的功能。我不知道如何有条件地使用选项。请帮忙。谢谢!

function _flattie() {
    const fpx = flatpickr(".flatpickr", {
        minDate: new Date().fp_incr(1), // 1 days from now
        dateFormat: "Y-m-d",
        disableMobile: "true",
        if(defDateExists){
            defaultDate: checkout,
        }
        monthSelectorType: "static",
        inline: true,
        onChange: function() {
            selectedDate = new Date(tempDate).toString("yyyy-MM-dd");
            stringDate = new Date(tempDate).toString("MMM dS yyyy"); 
            }
        }
    });
}

【问题讨论】:

    标签: javascript jquery flatpickr


    【解决方案1】:

    试试ternary conditionals:

    function _flattie() {
    const fpx = flatpickr(".flatpickr", {
        minDate: new Date().fp_incr(1), // 1 days from now
        dateFormat: "Y-m-d",
        disableMobile: "true",
        defaultDate: defDateExists ? checkout : null,
        monthSelectorType: "static",
        inline: true,
        onChange: function() {
            selectedDate = new Date(tempDate).toString("yyyy-MM-dd");
            stringDate = new Date(tempDate).toString("MMM dS yyyy"); 
            }
        }
    });}
    

    【讨论】:

    • 非常感谢您对我的支持!试过了。这就是控制台响应:Uncaught ReferenceError: defDateExists is not defined
    • 嗯,我在想你的代码中存在变量作为控制变量
    • 在这种情况下你可以做的更简单:"defaultDate: checkout || null" 它是一个三元或运算符,如果 checkout 存在则设置值如果不设置 null
    • 圣洁...!是的,它确实。我在变量中有错字。作品!谢谢!结案!非常感谢!
    猜你喜欢
    • 2019-09-22
    • 1970-01-01
    • 2018-07-02
    • 2014-11-16
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2015-07-27
    相关资源
    最近更新 更多