用JavaScript让文本框获得当前日期

最新推荐文章于 2021-06-03 15:59:45 发布
最新推荐文章于 2021-06-03 15:59:45 发布 · 1.3k 阅读 · 2
文章标签：

#JavaScript #浏览器 #ViewUI

本文介绍了一种使用JavaScript自动将当前日期以'yyyy-MM-dd'格式填充到网页文本框的方法。此方法适用于页面加载时自动填充日期的需求，但需要注意的是不同浏览器可能会导致结果有所差异。
  1. function showDate()   
  2. {   
  3.     var today = new Date();   
  4.     var day = today.getDate();   
  5.     var month = today.getMonth() + 1;   
  6.     var year = today.getYear();   
  7.     var date = year + "-" + month + "-" + day;   
  8.     document.getElementsByName(文本框的name)[0].value = date;   
  9. }  

当页面载入时，文本框自动以“yyyy-MM-dd”格式获得当前日期

  1. <body onload="showDate()">  

注：该方法可能会因为不同的浏览器得到不同的结果。

 

原生js实现的日期时间插件鼠标点击文本框弹出日期时间表格选择日期效果源码.zip
11-22
插件可能会利用`Date`对象的方法，如`getFullYear`、`getMonth`、`getDate`、`getHours`、`getMinutes`等来获取当前日期和时间，并创建选择器的选项。 6. **用户交互**：当用户在选择器中选择日期或时间后，插件...
在一个input框中显示当前的年月日，当鼠标放上去时变换为当前时间显示
03-29
用javascript语言设计的程序：在一个input框中显示当前的年月日，当鼠标放上去时变换为当前时间显示
javascript 在文本框中显示系统当前日期(年-月-日 时:分:秒)
11-23
javascript 在文本框中显示系统当前日期(年-月-日 时:分:秒)
java文本框中显示日期_java怎么在一个文本框中不断显示系统当前时间
weixin_29375125的博客
02-16 684
import java.awt.BorderLayout;import java.awt.event.ActionEvent;import java.awt.event.ActionListener;import java.util.Calendar;import javax.swing.JFrame;import javax.swing.JTextField;import javax.swing...
在文本框中自动显示系统当前时间 年-月-日
08-22
在文本框中自动显示系统当前时间，不用输入，直接获取，方便
html文本框显示当前时间,javascript  在文本框中显示系统当前日期(年-月-日 时:分:秒)...
weixin_33574009的博客
06-03 2573
/p>Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">无标题文档window.onload = function getTime(){var st = showtime();//对文本框赋值document.getElementByIdx_x("clock").value = st;...
js在文本框中点击出时间
08-17
一个非常实用的日期文本框，当点击文本框后面的图片时会显示出日期供选择，类似与Ajax的日期控件。
基于JavaScript的文本框绑定日期控件实现
此外，JavaScript还处理日期逻辑计算，例如判断某个月有多少天、是否为闰年、当前日期是否合法等，确保用户只能选择有效范围内的日期。 “文本框绑定”指的是将日期控件与页面上的input[type=text]元素建立关联关系...
点击text文本框弹出日期选择器.zip
07-05
3. **JavaScript逻辑**：初始化日历组件，设置当前日期，响应用户点击事件，更新选中的日期，并在用户选择后将日期插入到text文本框中。 例如，展示当前月的日期可以选择如下： ```javascript function ...
基于JavaScript实现的美观日期输入文本框
JavaScript 日期输入文本框是一种在网页表单中广泛使用的前端交互控件，其核心目标是提升用户在填写日期信息时的体验。传统的文本输入框要求用户手动按照特定格式（如 YYYY-MM-DD 或 MM/DD/YYYY）输入日期，容易出错...
文本框显示时间
Zhouyanjuan521的博客
09-17 922
&lt;!DOCTYPE html&gt; &lt;html&gt;     &lt;head&gt;         &lt;script type="text/javascript"&gt;         function startClock()         {             setInterval(getTime, 1000);         }         func...
JS日期控件选择到文本框
12-09
JS日期控件选择到文本框 精确到年月日时分
java文本框中显示日期_文本框显示时间
weixin_28622215的博客
02-16 965
package zwzw;import java.awt.Color;import java.awt.FlowLayout;import java.awt.event.ActionEvent;import java.awt.event.ActionListener;import java.text.SimpleDateFormat;import javax.swing.*;public class...
JavaScript (详解)提供年--月--日,输出是这一年第多少天？
博客之家
04-24 1万+
输入年--月--日,输出是这一年的第多少天？思路： 假如输入2018-11-11,计算是这一年的第多少天？ 用前10个月的天数再加上第11月的天数11。 问题： 这里面涉及到一个闰年平年2月天数问题。 如果是平年的话,2月是28天,闰年的话是29天。 ------------- 代码逻辑：如果输入的是1月的话,则直接输出天数即可,就是在这年的第多少天。我们先给...
javascript中如何判断一个text控件的值是否为日期格式
siyubaobao1404的专栏
04-09 1150
%@page import="com.entity.T_test"%>           My JSP 'index.jsp' starting page      -->     function isDate(str) {             if (!str.match(/^\d{4}\-\d\d?\-\d\d?$/)) { return false;
js里获取当前时间，并把时间赋给某个输入框或下拉框或时间框
飞火龙在天的博客
02-04 3695
Date.prototype.Format = function (fmt) { //author: meizz      var o = {         "M+": this.getMonth() + 1, //月份          "d+": this.getDate(), //日          "h+": this.getHours(), //小时          "m
在html中让一个text输入框的默认日期是今天
热门推荐
dmlcq的博客
03-23 2万+
1.显示年月日 js动态显示当前日期，时间和星期代码 当前时间： var today=new Date(); var submitTime=today.getFullYear()+'年'+today.getMonth()+'月'+today.getDay()+'日'; $("#date").attr('v
表单文本框中文本的获取,还有当前时间的显示
linwei_1029的专栏
07-08 6286
<br />1. 以下是获取表单文本框中的内容例子:<br /> <br /> str[0]= document.all.cnlTest1.value;     //用第一种方法获得文本框中输入的内容<br /> str[1]= document.all["cnlTest2"].value;    //用第二种方法获得文本框中输入的内容<br /> str[2]=document.all.tags('form')[0].cnlTest3.value;//用第三种方法获得文本框中输入的内容<br /> <br
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值