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 相关文章推荐
用js+xml自动生成表格的东西
Dec 21 Javascript
缓动函数requestAnimationFrame 更好的实现浏览器经动画
Dec 07 Javascript
用javascript判断IE版本号简单实用且向后兼容
Sep 11 Javascript
浅析javascript中的DOM
Mar 01 Javascript
RequireJS使用注意细节
May 15 Javascript
JavaScript判断是否是微信浏览器
Jun 13 Javascript
require.js+vue开发微信上传图片组件
Oct 27 Javascript
详谈angularjs中路由页面强制更新的问题
Apr 24 Javascript
AngularJS 霸道的过滤器小结
Apr 26 Javascript
详解webpack-dev-server的简单使用
Apr 02 Javascript
详解VUE中常用的几种import(模块、文件)引入方式
Jul 03 Javascript
微信小程序实现简易table表格
Jun 19 Javascript
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 Squid中可缓存的动态网页设计
2008/09/17 PHP
php.ini-dist 和 php.ini-recommended 的区别介绍(方便开发与安全的朋友)
2012/07/01 PHP
PHP包含文件函数include、include_once、require、require_once区别总结
2014/04/05 PHP
PHP网页游戏学习之Xnova(ogame)源码解读(一)
2014/06/23 PHP
php结合md5实现的加密解密方法
2016/01/25 PHP
浅谈PHP中的
2016/04/23 PHP
浅谈laravel aliases别名的原理
2019/10/24 PHP
自动生成文章摘要的代码[JavaScript 版本]
2007/03/20 Javascript
javascript倒计时功能实现代码
2012/06/07 Javascript
Javascript高级技巧分享
2014/02/25 Javascript
删除条目时弹出的确认对话框
2014/06/05 Javascript
使用javascript将时间转换成今天,昨天,前天等格式
2015/06/25 Javascript
Bootstrap基本组件学习笔记之下拉菜单(7)
2016/12/07 Javascript
详谈JavaScript的闭包及应用
2017/01/17 Javascript
微信小程序 获取javascript 里的数据
2017/08/17 Javascript
利用Dectorator分模块存储Vuex状态的实现
2019/02/05 Javascript
基于JS实现前端压缩上传图片的实例代码
2019/05/14 Javascript
vux-scroller实现移动端上拉加载功能过程解析
2019/10/08 Javascript
Python写的英文字符大小写转换代码示例
2015/03/06 Python
python处理数据,存进hive表的方法
2018/07/04 Python
python+splinter自动刷新抢票功能
2018/09/25 Python
win7下 python3.6 安装opencv 和 opencv-contrib-python解决 cv2.xfeatures2d.SIFT_create() 的问题
2019/10/24 Python
python图形开发GUI库pyqt5的详细使用方法及各控件的属性与方法
2020/02/14 Python
python如何删除文件、目录
2020/06/23 Python
基于Python爬取股票数据过程详解
2020/10/21 Python
HTML5计时器小例子
2013/10/15 HTML / CSS
一家专门经营包包的英国网站:MyBag
2019/09/08 全球购物
应届大学生求职信
2013/12/01 职场文书
工程管理专业个人求职信范文
2013/12/07 职场文书
会议开场欢迎词
2014/01/15 职场文书
料理师求职信
2014/01/30 职场文书
欢迎领导检查标语
2014/06/27 职场文书
为自己工作观后感
2015/06/11 职场文书
JDBC连接的六步实例代码(与mysql连接)
2021/05/12 MySQL
sql查询语句之平均分、最高最低分及排序语句
2022/05/30 MySQL
CSS list-style-type属性使用方法
2023/05/21 HTML / CSS