input框中自动展示当前日期yyyy/mm/dd的实现方法

 更新时间:2017年07月06日 07:40:21   投稿:jingxian  
下面小编就为大家带来一篇input框中自动展示当前日期yyyy/mm/dd的实现方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧

直接上代码:

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <title>input框中自动展示当前日期</title>
</head>

<body>
  <input type="text" id="input">
  <script>
  //获取input元素
  var _input = document.getElementById('input');

  var date = new Date();
  var seperator = "/";
  var year = date.getFullYear();
  var month = date.getMonth() + 1;
  var strDate = date.getDate();
  if (month >= 1 && month <= 9) {
    month = "0" + month;
  }
  if (strDate >= 0 && strDate <= 9) {
    strDate = "0" + strDate;
  }
  var currentDate = year + seperator + month + seperator + strDate; //当前日期

  _input.value = currentDate; //赋值给input.value
  _input.setAttribute('disabled', 'disabled'); //不可编辑
  </script>
</body>

</html>

这里注意,getMonth()方法,使用本地时间。返回值是 0(一月) 到 11(十二月) 之间的一个整数。

以上这篇input框中自动展示当前日期yyyy/mm/dd的实现方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • 日期函数扩展类Ver0.1.1

    日期函数扩展类Ver0.1.1

    日期函数扩展类Ver0.1.1...
    2006-09-09
  • 微信小程序云开发实现微信支付功能业务逻辑可靠

    微信小程序云开发实现微信支付功能业务逻辑可靠

    这篇文章主要介绍了微信小程序云开发实现微信支付功能,云开发来开发微信小程序时,如何实现微信支付,并且保证业务逻辑可靠,本文通过实例代码给大家介绍的非常详细,需要的朋友参考下吧
    2022-05-05
  • 使用JavaScript实现node.js中的path.join方法

    使用JavaScript实现node.js中的path.join方法

    Node.JS中的 path.join 非常方便,能直接按相对或绝对合并路径,有时侯前端也需要这种方法,如何实现呢?感兴趣的朋友跟随脚本之家小编一起看看吧
    2018-08-08
  • 原生JS实现移动端web轮播图详解(结合Tween算法造轮子)

    原生JS实现移动端web轮播图详解(结合Tween算法造轮子)

    在做移动端开发的时候,必不可少的是轮播图,下面这篇文章主要给大家介绍了关于利用纯JS实现移动端web轮播图的相关资料,重要的是结合Tween算法造轮子,文中通过示例代码介绍的非常详细,需要的朋友可以参考借鉴,下面来一起看看吧。
    2017-09-09
  • 基于JS开发微信网页录音功能的实例代码

    基于JS开发微信网页录音功能的实例代码

    这篇文章主要介绍了基于JS开发微信网页录音功能的实例代码,代码简单易懂,非常不错,具有一定的参考借鉴价值,需要的朋友可以参考下
    2019-04-04
  • javascript自定义in_array()函数实现方法

    javascript自定义in_array()函数实现方法

    这篇文章主要介绍了javascript自定义in_array()函数实现方法,涉及javascript数组的遍历与查找相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-08-08
  • javascript针对cookie的基本操作实例详解

    javascript针对cookie的基本操作实例详解

    这篇文章主要介绍了javascript针对cookie的基本操作,结合实例形式较为详细的分析了JavaScript操作cookie的基本技巧,并给出了一个JavaScript操作cookie的完整类,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-11-11
  • Electron实现文件复制到剪切板的方案

    Electron实现文件复制到剪切板的方案

    这篇文章主要介绍了Electron实现文件复制到剪切板的解决方案,文中通过代码示例讲解的非常详细,对大家的学习或工作有一定的帮助,需要的朋友可以参考下
    2024-11-11
  • 关于moment.js的常用方法及使用说明

    关于moment.js的常用方法及使用说明

    这篇文章主要介绍了关于moment.js的常用方法及说明,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-12-12
  • 微信小程序http连接访问解决方案的示例

    微信小程序http连接访问解决方案的示例

    这篇文章主要介绍了微信小程序http连接访问解决方案的示例,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-11-11

最新评论