javascript - 更改选择下拉列表时，日期时间选择器不会被删除

Question

我正在尝试使用以下代码在事件更改时添加和删除日期时间选择器。它应用于 select 的更改事件，但不会在 else 条件中删除。有人可以帮忙吗？

function showoption(obj) {
  if (obj.value == "date") {
    $('#txtval').datetimepicker({
      weekStart: 1,
      todayBtn: 1,
      autoclose: 1,
      todayHighlight: 1,
      startView: 2,
      forceParse: 0,
      showMeridian: 1,
      pickerPosition: "bottom-left",
      startDate: new Date()
    });
  } else {
    $('#txtval').datetimepicker("destroy");
  }
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<select name="datatype" id="datatype" onchange="return showoption(this)">
  <option value="int">Int</option>
  <option value="float">Float</option>
  <option value="date">Date</option>
</select><br />
<input type="text" name="txtval" id="txtval" />

Answer 1

如果 destroy 不起作用，那么我建议在初始化 datetimepicker 之前和之后检查 $('#txtval') 元素。

然后您可以手动删除已添加的任何类:

$('#txtval').removeClass('datetimepickerclass');

最后，您可以取消绑定(bind)插件添加的所有事件

$('#txtval').off(); //or .unbind() depending on jQuery version