jQuery Datepicker onSelect不起作用

时间:2018-07-16 18:17:01

标签: jquery datepicker

我有一个像这样的元素,它是通过ajax调用在循环内生成的:

fread

我正在尝试将日期选择器应用于以下元素:

<td class="EngIssuedFinalGradingDate"></td>
<td class="EngIssuedFinalGradingDate"></td>
<td class="EngIssuedFinalGradingDate"></td>
<td class="EngIssuedFinalGradingDate"></td>

但是警报不会出现,位置也不总是位于左下角(也希望使其位于td下方)

2 个答案:

答案 0 :(得分:1)

您需要包装datepicker调用,以便在插入新的EngIssuedFinalGradingDate时调用它,例如:

$('body').on('DOMNodeInserted', '.EngIssuedFinalGradingDate', function (){
    $(".EngIssuedFinalGradingDate").datepicker({

    pickerPosition:"bottom-left",
    onSelect: function(dateText, inst) { alert("Here !"); }

    });
}

答案 1 :(得分:0)

正如@Louys Patrice Bessette在评论中所说,在验证jQueryUI来源的同时,我们发现日期选择器只能以div和{{的形式添加到spaninline 1}}作为input

来源

connector