javascript - 在动态创建的输入上使用时间选择器插件

Question

我使用bootstrap-material-datetimepicker作为一个插件来获取我表单中的时间。

问题是该表单是从服务器动态加载的，因此当用户单击输入字段时它不会执行任何操作。仅当表单未动态加载时它才能正常工作。

    $(document).ready(function () {
        ...
        $('#id_time_from').bootstrapMaterialDatePicker({date: false, format: "HH:mm"});

问题是插件窗口不是通过某些click事件直接调用的，而是:

Element.bootstrapMaterialDatePicker({date: false, format: "HH:mm"});

如何使其适用于动态生成的输入？

Answer 1

加载表单时，同时将 bootstrapMaterialDatePicker 附加到表单元素。我，e 加载您的脚本元素以及动态表单加载。这应该可以正常工作。

例如。

<form>
 ...
 ...
 <button id="id_time_from"> </button>
<script> 
$('#id_time_from').bootstrapMaterialDatePicker({date: false, format: "HH:mm"});
</script>
 ...
 ...
</form>