Question

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

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

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

问题是插件窗口不是通过某个click事件直接调用的，而是您这样做的：

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

如何使它适用于动态生成的input？

Answer 1

加载表单时，同时将bootstrapMaterialDatePicker附加到表单元素。即，加载您的脚本元素以及动态表单加载。那应该很好。

例如。

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

在动态创建的输入上使用timepicker插件

1 个答案: