Tempus dominus datetimepicker 第二次不起作用

问题描述

页面加载时,文本框中的日期设置正确。但在按钮点击它不是。文本框为空。用户必须点击文本框的日历图标才能再次设置日期。

为什么同样的方法不适用于按钮点击。我在这里错过了什么。

使用 Tempus Dominus Bootstrap4 v5.1.2

https://jsfiddle.net/stueg9pj/

HTML:

<form id="form">
<div class="input-group">
    <div class="input-group-prepend" data-target="#txtAptDate" data-toggle="datetimepicker">
      <span class="input-group-text"><i class="far fa-calendar-alt"></i></span>
    </div>
    <input id="txtAptDate" type="text" class="form-control" data-target="#txtAptDate">
</div>
<button type="button" id="btnResetForm" class="btn btn-default">RESET</button>
</form>

JS:

$(document).ready(function(){
   ResetForm();

   $('#btnResetForm').click(function () {           
       ResetForm();               
   });
});

function ResetForm(){
   $('#form').find("input[type=text]").val("");
   var today = new Date();
   today = today.setHours(0,0);
   $('#txtAptDate').datetimepicker({
      minDate: today,defaultDate: today,timePicker: false,format: 'DD-MM-YYYY'
   });      
}

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)