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


Posted in Javascript onJuly 06, 2017

直接上代码:

<!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的实现方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
Javascript注入技巧
Jun 22 Javascript
js日期对象兼容性的处理方法
Jan 28 Javascript
详解JavaScript的while循环的使用
Jun 03 Javascript
JavaScript中split与join函数的进阶使用技巧
May 03 Javascript
js cookie实现记住密码功能
Jan 17 Javascript
纯JS单页面赛车游戏制作代码分享
Mar 03 Javascript
angular4模块中给标签添加背景图的实现方法
Sep 15 Javascript
vue项目中vue-i18n和element-ui国际化开发实现过程
Apr 25 Javascript
Node.js中package.json中库的版本号(~和^)
Apr 02 Javascript
怎样使你的 JavaScript 代码简单易读(推荐)
Apr 16 Javascript
Layui实现数据表格中鼠标悬浮图片放大效果,离开时恢复原图的方法
Sep 11 Javascript
vue中的可拖拽宽度div的实现示例
Apr 08 Vue.js
Js自定义多选框效果的实例代码
Jul 05 #Javascript
使用 jQuery 实现表单验证功能
Jul 05 #jQuery
详解angularJS自定义指令间的相互交互
Jul 05 #Javascript
利用canvas实现的加载动画效果实例代码
Jul 05 #Javascript
AngularJS使用ocLazyLoad实现js延迟加载
Jul 05 #Javascript
vue一步步实现alert功能
Jul 05 #Javascript
详解vue.js移动端导航navigationbar的封装
Jul 05 #Javascript
You might like
PHP动态输出JavaScript代码实例
2015/02/12 PHP
Yii2数据库操作常用方法小结
2017/05/04 PHP
php探针使用原理和技巧讲解
2019/09/17 PHP
基于jquery实现点击左右按钮图片横向滚动
2013/04/11 Javascript
button没写type=button会导致点击时提交
2014/03/06 Javascript
返回顶部按钮响应滚动且动态显示与隐藏
2014/10/14 Javascript
Angularjs 基础入门
2014/12/26 Javascript
javascript委托(Delegate)blur和focus用法实例分析
2015/05/26 Javascript
jQuery中$.ajax()和$.getJson()同步处理详解
2015/08/12 Javascript
jQuery自定义数值抽奖活动代码
2016/06/11 Javascript
jQuery图片轮播实现并封装(一)
2016/12/03 Javascript
BootStrap 图标icon符号图标glyphicons不正常显示的快速解决办法
2016/12/08 Javascript
JS简单实现父子窗口传值功能示例【未使用iframe框架】
2017/09/20 Javascript
Vue源码分析之Vue实例初始化详解
2019/08/25 Javascript
[01:06:43]完美世界DOTA2联赛PWL S3 PXG vs GXR 第二场 12.19
2020/12/24 DOTA
Python简单日志处理类分享
2015/02/14 Python
简单谈谈Python中的几种常见的数据类型
2017/02/10 Python
Python中scatter函数参数及用法详解
2017/11/08 Python
Python操作MySQL模拟银行转账
2018/03/12 Python
在python中画正态分布图像的实例
2019/07/08 Python
面向对象学习之pygame坦克大战
2019/09/11 Python
为什么说Python可以实现所有的算法
2019/10/04 Python
Python爬虫使用浏览器cookies:browsercookie过程解析
2019/10/22 Python
5分钟让你掌握css3阴影、倒影、渐变小技巧(小编推荐)
2016/08/15 HTML / CSS
西班牙手机之家:Phone House
2018/10/18 全球购物
德国最大的网上足球商店:11teamsports
2019/09/11 全球购物
写给女朋友的道歉信
2014/01/08 职场文书
写好自荐信需做到的5要点
2014/03/07 职场文书
毕业晚会主持词
2014/03/24 职场文书
会计专业自荐信
2014/06/03 职场文书
蛋糕店创业计划书范文
2014/09/21 职场文书
《鲁班学艺》读后感3篇
2019/11/27 职场文书
Nginx 负载均衡是什么以及该如何配置
2021/03/31 Servers
关于HTML编码导致的乱码问题
2021/09/04 HTML / CSS
Ubuntu18.04下QT开发Android无法连接设备问题解决实现
2022/06/01 Java/Android
windows系统搭建WEB服务器详细教程
2022/08/05 Servers