JavaScript让文本框自动输入当前日期

我在DedeCMS添加友情链接的时候,想记录一条链接添加的日期,如果手工输入每次都太麻烦,我们可以使用下面JavaScript代码,实现自动输入当前日期。

要让输入框默认显示当前日期,你可以使用 JavaScript 的 Date 对象来获取当前日期,并将其设置为输入框的 value。以下是实现方式:

方法 1:纯 JavaScript(推荐)

<input 
  name="email" 
  type="text" 
  id="email" 
  size="30" 
  value="" 
  class="pubinputs" 
  onfocus="if(!this.value) this.value = new Date().toLocaleDateString();" 
/>
  • onfocus:当用户点击输入框时,如果 value 为空,则自动填充当前日期(格式如 2025/4/13)。

方法 2:页面加载时自动填充

<input 
  name="email" 
  type="text" 
  id="email" 
  size="30" 
  value="" 
  class="pubinputs" 
/>
<script>
  document.getElementById("email").value = new Date().toLocaleDateString();
</script>
运行 HTML
  • 这样页面加载后,输入框会自动显示当前日期(如 2025/4/13)。