从javascript添加html时的日期范围选择器

我正在使用daterangepicker（），当我将其应用于“.dates”时，它工作正常

<input class="ff-text dates" type="text">

通过javascript添加HTML时会出现问题

<input class='ff-text dates' type='text'>

当按下按钮时会添加HTML，HTML会按其应有的方式显示，但输入字段不是DateRange字段

---

如有任何建议，将不胜感激

添加html时，需要重新运行daterangepicker。理想情况下，您应该向新输入添加一个id，并针对该id运行daterangepicker

e、 g

var-someforyourinputs=0；
函数thattaddsyourhtml（）{
一些输入++；
$（'where-youre-adding'）。追加（$（''）；
$（“#甜的#u枣”+一些反义输入）。daterangepicker({
“起始日期”：“2019年2月15日”，
“结束日期”：“2019年2月21日”
});
}

或者，不需要计数器：

functionThatAddsYourHTML() {
    var newInput = $('<input class="ff-text dates" type="text"/>');
    $('wherever-youre-adding').append(newInput);
    newInput.daterangepicker({
        "startDate": "02/15/2019",
        "endDate": "02/21/2019"
    });
}

添加您的HTML（）的函数{ var newInput=$（''）； $（'where-youre-adding'）。追加（newInput）； newInput.daterangepicker({ “起始日期”：“2019年2月15日”， “结束日期”：“2019年2月21日” }); }

var someCounterForYourInputs = 0;
functionThatAddsYourHTML() {
    someCounterForYourInputs++;
    $('wherever-youre-adding').append($('<input id="sweet_dates_'+someCounterForYourInputs+'" class="ff-text dates" type="text"/>'));
    $('#sweet_dates_'+someCounterForYourInputs).daterangepicker({
        "startDate": "02/15/2019",
        "endDate": "02/21/2019"
    });
}

functionThatAddsYourHTML() {
    var newInput = $('<input class="ff-text dates" type="text"/>');
    $('wherever-youre-adding').append(newInput);
    newInput.daterangepicker({
        "startDate": "02/15/2019",
        "endDate": "02/21/2019"
    });
}