Datepicker在开关/案例中无法与.after一起使用

par

我想有日期选择器连接到我使用。经过一个开关/箱包括“日期”字段类型选项

case "date":
    $this.after('<input type="text" class="value cat_textbox datepicker" />')
    break;

当前，我正在获取<input>容器，但是没有看到日历按钮。另外，当我单击容器时，它没有作用于Datepicker。

在此处输入图片说明

注意： 当我直接添加到中时，Datepicker可以正常工作。<input type="text" class="value cat_textbox datepicker" /><body>

在此处输入图片说明

所有其他开关/外壳选项均正常运行。（请参见下面的功能片段）。

/*
** This changes the fieldType options when
** a different Field (age, gender, etc) is selected
*/
function onOperatorSelectChange(e) {
    var $this = $(this);
    var option = $this.find("> :selected");
    var container = $this.parents(".rule");
    var fieldSelect = container.find(".field");
    var currentValue = container.find(".value");
    var val = currentValue.val();

    switch(option.data("fieldType")) {
        case "none": 
            $this.after($("<input>", {"type": "hidden", "class": "value"}));
            break;
        case "text":
            $this.after($("<input>", {"type": "text", "class": "value"}));
            break;
        case "date":
            $this.after('<input type="text" class="value cat_textbox datepicker" />')
            break;
        case "textarea":
            $this.after($("<textarea>", {"class": "value"}));
            break;
        case "select":
            var select = $("<select>", {"class": "value"});
            var options = fieldSelect.find("> :selected").data("options");
            for(var i=0; i < options.length; i++) {
                var opt = options[i];
                select.append($("<option>", {"text": opt.label || opt.name, "value": opt.name}));
            }
            $this.after(select);
    break;
}
currentValue.remove();

}

萨拉斯

创建datepicker文本框后调用datepicker方法

在案例“日期”内更改代码：

尝试遵循以下代码

case "date":
    $this.after('<input type="text" class="value cat_textbox datepicker" />');
    $(".datepicker").datepicker({dateFormat: 'dd-mm-yy',
        changeMonth: true,
        changeYear: true,
        yearRange:'-50:+20'
    });
    break;

本文收集自互联网，转载请注明来源。

如有侵权，请联系 [email protected] 删除。