问题描述
在页面加载时,文本框中的日期设置正确。但在按钮点击它不是。文本框为空。用户必须点击文本框的日历图标才能再次设置日期。
使用 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 (将#修改为@)