js给text输入框赋值为当前的年月日时分秒

于 2022-09-15 18:58:33 发布
阅读量704 收藏 2
点赞数 1
文章标签： html 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/clearlove7__a/article/details/126877596
版权
本文介绍了如何使用JavaScript设置HTML文本输入框的默认日期为当前日期。通过创建新的Date对象，获取年月日及时间，并格式化为YYYY-MM-DD HH:MM:SS的字符串，然后使用jQuery的attr方法设置输入框的值。
摘要由CSDN通过智能技术生成 
日期:<input type="text" name="" id="date">

在js中让一个text输入框的默认日期是今天

var today=new Date();
var submitTime=today.getFullYear()+'-'+(today.getMonth()+1)+'-'+today.getDate()+" "+today.getHours()+":"+today.getMinutes()+":"+today.getSeconds();
$("#date").attr('value',submitTime);

 

慢慢踩坑
关注
TextField 实现时分秒输入控制
逝忆
06-27 183
时间输入框
extjs年月日时分选择控件_Extjs4 扩展支持日历选择时间
weixin_29123181的博客
12-23 712
最近在做一个case的时候，客户要求能在选择年月日，时分秒在一个面板中选择；客户端JS框架使用的是extjs4.2。我们知道，ExtJs4.2的Ext.picker.Date只能选择年月日，网上有部分实现，但大多数的都是基于ExtJs3修改的，而且过多的破坏了ExtJs的编写习惯。现将我写的跟大家分享下，代码中有相关注释，目前还不支持minValue和maxValue设置。顺便提下，官方示例中的时...
js实现文本框 只能输入时分秒
金灵骨火的博客
09-20 997
00：00显示方式： &lt;input type="text" onchange="javascript:if(!/^[0-5]{1}[0-9]{1}:[0-5]{1}[0-5]{1}$/.test(this.value)){alert('时间格式不正确,正确的格式为 00:00');this.value=''};" /&gt; 00：00：00显示方式： &lt;input type="...
js 给 input type="date" 赋值
weixin_44252186的博客
02-13 4373
之前偶尔会遇到给日期输入框赋值出现一些问题，现在记录下来，供各位参考。 页面 <div class="col-lg-6"> <div class="form-group"> <label><span style="color: red">*</span>时间</label> <input class="f...
js输入框显示时间
weixin_30662109的博客
09-25 211
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script> // window.console.log(); // va...
在js中让一个text输入框的默认日期是今天
ligang19970910的博客
08-17 512
在js中让一个text输入框的默认日期是今天 日期:<input type="text" name="" id="tiss_rq" style="background-color: none; border: none;border-left: 1px solid#000;height: 20px;padding:-5px 0 0 0"> <script> var today=new Date(); var submitTime=today
JavaScript教程（一）
m0_56752010的博客
04-21 2538
听课笔记
JS基础知识
wocwuqing的博客
01-08 1439
表单标签 表单（form）是用户输入信息与网页互动的一种形式。大多数情况下，用户提交的信息会发给服务器，比如网站的搜索栏就是表单。 表单由一种或多种的小部件组成，比如输入框、按钮、单选框或复选框。这些小部件称为控件（controls）。 <form> 简介 `标签用来定义一个表单，所有表单内容放到这个容器元素之中。 <form> <!-- 各种表单控件--> </form> `有以下属性。 accept-charset：服务器接受的字符编码列表，使用空
JavaScript练习---[JS动态切换图片效果；JS完成简易计算器, 下拉框切换头像, JS 制作简易文本编辑器]
从零开始的异世界JAVA学习
09-13 831
ML1.在页面上输出格式如：2016年07月19日 12时23分34秒 星期二 的格式2. 在页面创建一个按钮名称为“摇奖”每点击一次在页面显示出三个0-9之间的随机数。3.创建两个按钮分别为“显示”“隐藏”，使用两个按钮对一个标签进行隐藏，显示操作。4.完成图片切换功能,当鼠标移入到图片上时,在图片左右两侧各显示一个按钮,点击按钮对图片进行切换,到达第一张或最后一张时分别又回到最后一张或第一张,重复操作。5.完成简单的计算器 1.在页面上输出格式如：2016年07月19日 12时23分34秒 星期二
JS笔记案例
weixin_46396624的博客
06-30 388
一、JavaScript简介 1.什么是JavaScript JavaScript简称JS，由网景公司开发的客户端 脚本 语言(java服务器端的编程语言)，不需要编译，可以直接运行 Web前端三层： 结构层HTML，定义页面的结构 样式层CSS，定义页面的样式 行为层JavaScript用来实现交互，提升用户的体验 2.JavaScript 在客户端动态的操作页面 eg：购物车 在客户端做数据校验 在客户端发送异步请求 二、引用方式 1.内联方式 在页面中使用script标签，在script
原生js日期控件带时分秒点击text文本框选择日期时分秒
12-04
input文本框选择年月日时分秒原生js日期控件带时分秒点击text文本框选择日期时分秒, js时间插件（带时分秒）
点击text文本框弹出日期选择器
05-07
点击text文本框弹出日期时间选择器是一款原生js calendar日历控件点击text文本框弹出日期时间选择器。
文本框日期控件，单击文本框选择日期
06-19
单击文本框可以选择日期，样式很不错，下载就可以用，用法很简单，很实用！希望对大家有用！
JavaScript显示当前时间
plmoknijnm的博客
04-30 920
JS显示当前时间控制器 javascript显示当前电脑时间：xxx年xxx月xxx日xxx时xxx分xxx秒，并用input标签中的button样式控制时间的暂停开始。 当你运行JavaScript代买时，网页显示的是时间时在每秒跳动的，当你点击暂停按钮时，网页显示的当前时间会暂停，按钮会显示开始的字样，再次点击开始的按钮，网页显示当前的时间会开始。 代码片段如下： 在这里插入代码片 ...
数组中只出现一次的数字
编程小白养成手记
09-27 259
数组中只出现过一次的数字-LeetCode136，牛客网剑指Offer
用javascript实现input框日期时间格式化输入
热门推荐
firstaking的专栏
09-12 2万+
在页面代码中使用 ... ... function submit() { ... if(isDate("starttime")==false){return false;}//提交时检查时间是否输入正确 ... } ... 时 间： ... document.all("datetime").value=changedatetime("datetime");//将时间格式化 日期时间格式化函
JavaScript实现日期输入控件
wall_ebs的专栏
12-07 1018
首先创建一个输入文本框控件、一个图形按钮以及用来盛放日期输入控件的容器，该容器可以使用一个Div来实现，HTML代码如下： &lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;JavaScript实现日期输入控件...
输入文本框显示中国时间的js代码
weixin_40945354的博客
02-14 184
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Vue 示例</title> </head> <body> <div id="app"> {{ data }} </div> <script src="https://unpkg
获取当前时间并赋值到input输入框中
weixin_44540670的博客
06-08 7217
最近在做项目的时候，发现有一些地方是 系统自动生成的，是不需要用户自己输入的， 比如一些用户的编号、卡号等，都是系统获取 当前时间生成的， 这样获取的编号、卡号就看 起来很统一，看起来也比较美观，如果是用户 自己输入，就会很乱，什么都有，根本没法看； 接下来给大家系统自动获取时间并赋值到 文本框的教程： 第一步如下图所示： 首先得创建一个文本框，type类型就 是text类型，给它一个ID=’...
js在alter对话框中获取当前动态时间年月日时分秒每秒更新一次
最新发布
09-25
JavaScript可以在网页上创建一个实时更新的时间显示，通常通过结合`<input>`元素的`type="datetime-local"`属性和`setInterval()`函数来实现在`<dialog>`或者其他弹出窗口中获取并更新当前的日期和时间。下面是一个简单的示例： ```html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>实时时间</title> </head> <body> <dialog id="timeDialog"> <label for="time">当前时间:</label> <input type="datetime-local" id="currentTime" readonly> </dialog> <script> // 获取对话框元素 const dialog = document.getElementById('timeDialog'); const currentTimeInput = document.getElementById('currentTime'); function updateTime() { const now = new Date(); currentTimeInput.value = now.toISOString().split('T')[1]; // 只取时间部分，格式如 "HH:mm:ss" // 每秒更新一次 setTimeout(updateTime, 1000); } // 首次加载页面时启动计时器 updateTime(); // 显示对话框 dialog.showModal(); </script> </body> </html> ``` 在这个例子中，当用户点击对话框打开时，`updateTime`函数会被激活，它会获取当前时间并将其设置到输入框中。然后，每隔一秒就再次调用这个函数以更新时间。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值