javascript函数显示当前日期和时间点击清除

javascript function to show current date and time on click of Clear

本文关键字：清除 时间 函数 显示 当前日期 javascript      更新时间：2023-09-26

当我加载一个JSP页面，我有日期和时间textbox与当前日期和时间显示和其他表单元素，如下拉菜单，文本框，文本区。我写了一个javascript函数来清除表单元素。问题是，当我点击"清除"按钮，日期和时间文本框应该显示当前日期和时间，目前所有字段都变成空白。
我的javascript函数如下:

function clearForm()
 {
     document.getElementById("Country").selectedIndex = 0;
     document.getElementById('State').options.length = 0;
     document.getElementById('PATH').value="";
     $("textarea").val("");
     $("input[type=hidden]").val("");
     return false;
 }

下面是日期和时间文本框的jsp代码，它们是使用DOJO创建的。

    SELECT DATE AND TIME : <input name="TIME_SCHEDULE" id="oracle" value="${data.currentDate}" required="true"/>  
     <input id="time" data-dojo-type="dijit/form/TimeTextBox" onChange="require(['dojo/dom'], function(dom){dom.byId('val').value=dom.byId('time1').value.toString().replace(/.*1970's('S+).*/,'T$1')})"
        required="true" />
...
<button name="clearButton" id="clearButton" onclick="return clearForm()">CLEAR</button>

默认情况下，当我打开表单，它显示当前日期和时间，一旦我选择不同的日期和时间，并单击清除按钮，我希望日期和时间文本框显示最近的日期和时间。

当你点击clearButton时，clearForm会被执行。

 onclick="return clearForm()"

在你的clearForm()函数中，你已经将它们初始化为blank(")，如下所示。

$("textarea").val("");
$("input[type=hidden]").val("");

如果你想要最近的日期和时间，你需要调用date()函数，就像这样。

$("textarea").val(new Date());
相关文章：