`
文鸯
  • 浏览: 305710 次
  • 性别: Icon_minigender_1
  • 来自: 武汉
社区版块
存档分类
最新评论

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

JavaScript浏览器 
阅读更多
  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()">  

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

 

分享到：
| String和Date的转换
评论
1 楼 xiaoxia 2008-11-21  
正好再找方法，很感谢。
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    javascript 在文本框中显示系统当前日期(年-月-日 时:分:秒)

    javascript 在文本框中显示系统当前日期(年-月-日 时:分:秒)

    JS轻松实现单击文本框弹出选择日期

    在JavaScript中，我们可以使用`addEventListener`方法监听文本框的`click`事件，当用户点击文本框时弹出日期选择器。在现代浏览器中，我们可以利用HTML5的`&lt;input type="date"&gt;`元素来实现，但为了兼容旧版浏览器，...

    点击text文本框弹出日期选择器.zip

    3. **JavaScript逻辑**：初始化日历组件，设置当前日期，响应用户点击事件，更新选中的日期，并在用户选择后将日期插入到text文本框中。 例如，展示当前月的日期可以选择如下： ```javascript function ...

    JS日期控件选择到文本框

    // 获取当前日期 date.getHours(); // 获取当前小时 date.getMinutes(); // 获取当前分钟 ``` 2. **显示格式化日期** JavaScript原生不提供强大的日期格式化功能，但可以借助`getFullYear()`, `getMonth()`, ...

    多种类型日期文本框选择

    总的来说，实现多种类型的日期文本框选择，关键在于理解DOM事件和JavaScript的事件监听机制，以及熟悉所使用的日期选择器库的API。在这个过程中，你需要掌握如何与HTML元素交互，如何处理事件，以及如何配置和使用...

    原生js日期时间插件鼠标点击文本框弹出日期时间表格选择日期时间

    原生JavaScript日期时间插件，不依赖任何外部库如jQuery，它提供了用户友好的交互方式，例如当用户点击文本框时，会弹出一个表格让用户选择日期和时间。这种功能在网页表单或事件预订等场景中非常实用。下面我们将...

    原生js实现的日期时间插件鼠标点击文本框弹出日期时间表格选择日期效果源码.zip

    插件可能会利用`Date`对象的方法，如`getFullYear`、`getMonth`、`getDate`、`getHours`、`getMinutes`等来获取当前日期和时间，并创建选择器的选项。 6. **用户交互**：当用户在选择器中选择日期或时间后，插件...

    点击文本框选择日期js函数，能根据需要自己定义格式

    通过创建`new Date()`实例，我们可以获取当前日期，或者通过传入特定的年、月、日等参数来创建任意日期。然后，我们可以使用`getDate()`, `getMonth()`, `getFullYear()`等方法获取日期的不同部分，而`...

    javaScript处理好的日期js文件，用于文本框的输入

    你可以创建一个新的Date对象来表示当前日期和时间，或者指定一个特定的日期和时间。例如： ```javascript var date = new Date(); ``` 这个例子会创建一个表示当前日期和时间的新对象。 接着，JavaScript提供了多种...

    jquery-自动日期文本框

    这段代码首先初始化当前日期，然后动态生成过去一年的日期列表。当用户点击文本框时，日期列表会显示出来。用户在日期列表中点击一个日期后，该日期将填入文本框，并隐藏列表。最后，我们添加了一个事件监听器，当...

    JS日期选择器（适用于文本框输入日期）

    这使得我们可以根据当前日期和用户的选择更新界面。 ```javascript var daysInMonth = new Date(date.getFullYear(), date.getMonth() + 1, 0).getDate(); for (var i = 1; i ; i++) { var dayElement = document....

    JavaScript中如何实现点击文本框出现时间

    在JavaScript中实现点击文本框（input type="text"）出现时间的...以上就是使用JavaScript实现点击文本框出现时间的基本过程，涉及到了事件处理、日期时间操作和用户交互设计。希望这些信息能对你的项目开发有所帮助。

    原生js日期控件带时分秒点击text文本框选择日期时分秒

    在JavaScript编程中，创建一个原生的日期控件，尤其是带有时分秒选择功能的，是常见的需求。这种控件通常用于用户输入日期和时间，比如在表单中。在这个场景下，`input`文本框结合原生JS可以实现一个自定义的日期...

    js在文本框通过日历选择日期的控件

    根据提供的文件信息，我们可以深入解析并提取出与“js在文本框通过日历选择日期的控件”相关的几个核心知识点： ### 1. **日期选择器的基本概念** - **定义**：日期选择器是一种用户界面组件，允许用户从一个可视...

    js时间插入文本框控件

    为了在文本框中显示日期和时间，我们需要创建一个HTML文本输入元素，并使用JavaScript操作其value属性。例如： ```html ``` ```javascript document.getElementById('dateTimeInput').value = currentDate....

    js日期时间控件 JavaScriptjs日期时间控件 jsp

    可以通过构造函数创建一个新的`Date`实例，如`new Date()`创建当前日期和时间，或者`new Date(dateString)`解析指定的日期字符串。 - `Date`对象提供了丰富的属性和方法，如`getFullYear()`获取四位数年份，`...

    JavaScript完全自学宝典

    1．本书1~21章所附代码的运行环境 ... 1.11.html 使用JavaScript实现的获取当前详细日期时间信息的数字时钟。 1.12.html 使用JavaScript实现的浏览器地震效果。 common.js 实现数据检验的独立的.js文件。

    Jquery 正则表达式验证多个文本框.txt

    本篇文章将详细解释如何使用Jquery结合正则表达式对多个文本框进行统一验证，并在所有验证通过后显示按钮，否则隐藏该按钮。 #### 基础原理介绍 1. **JQuery简介**： - JQuery 是一款快速、简洁的 JavaScript 库...

Magicbox
Global site tag (gtag.js) - Google Analytics