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 相关文章推荐
jQuery动态地获取系统时间实现代码
May 24 Javascript
js原生appendChild的bug解决心得分享
Jul 01 Javascript
基于mouseout和mouseover等类似事件的冒泡问题解决方法
Nov 18 Javascript
js中for in的用法示例解析
Dec 25 Javascript
IE下支持文本框和密码框placeholder效果的JQuery插件分享
Jan 31 Javascript
jQuery中hover方法和toggle方法使用指南
Feb 27 Javascript
JS中的二叉树遍历详解
Mar 18 Javascript
jQuery树形插件jquery.simpleTree.js用法分析
Sep 05 Javascript
基于Vue2.0+ElementUI实现表格翻页功能
Oct 23 Javascript
详解ES6通过WeakMap解决内存泄漏问题
Mar 09 Javascript
详解如何构建一个Angular6的第三方npm包
Sep 07 Javascript
微信小程序获取公众号文章列表及显示文章的示例代码
Mar 10 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将会员数据导入到ucenter的代码
2010/07/18 PHP
实现PHP+Mysql无限分类的方法汇总
2015/03/02 PHP
php实现大文件断点续传下载实例代码
2019/10/01 PHP
jquery isType() 类型判断代码
2011/02/14 Javascript
javascript动态加载二
2012/08/22 Javascript
javascript中日期转换成时间戳的小例子
2013/03/21 Javascript
javascript检测对象中是否存在某个属性判断方法小结
2013/05/19 Javascript
JS Jquery 遍历,筛选页面元素 自动完成(实现代码)
2013/07/08 Javascript
js读取配置文件自写
2014/02/11 Javascript
在jquery中的ajax方法怎样通过JSONP进行远程调用
2014/04/04 Javascript
javascript获取checkbox复选框获取选中的选项
2014/08/12 Javascript
JavaScript判断DIV内容是否为空的方法
2016/01/29 Javascript
javascript特效实现——当前时间和倒计时效果的简单实例
2016/07/20 Javascript
jQuery实用小技巧_输入框文字获取和失去焦点的简单实例
2016/08/25 Javascript
通过npm引用的vue组件使用详解
2017/03/02 Javascript
Angularjs上传图片实例详解
2017/08/06 Javascript
jQuery获取复选框选中的当前行的某个字段的值
2017/09/15 jQuery
JQuery+Bootstrap 自定义全屏Loading插件的示例demo
2019/07/03 jQuery
vue(2.x,3.0)配置跨域代理
2019/11/27 Javascript
angular共享依赖的解决方案分享
2020/10/15 Javascript
[01:32]DOTA2次级联赛——首支职业女子战队选拔赛全记录
2014/10/23 DOTA
Python实现的HMacMD5加密算法示例
2018/04/03 Python
pandas 读取各种格式文件的方法
2018/06/22 Python
Python字符串通过'+'和join函数拼接新字符串的性能测试比较
2019/03/05 Python
利用rest framework搭建Django API过程解析
2019/08/31 Python
Python3实现二叉树的最大深度
2019/09/30 Python
canvas实现按住鼠标移动绘制出轨迹的示例代码
2018/02/05 HTML / CSS
小学生考试获奖感言
2014/01/30 职场文书
预备党员的自我评价
2014/03/12 职场文书
企业业务员岗位职责
2014/03/14 职场文书
领导班子整改方案
2014/10/25 职场文书
化验员岗位职责
2015/02/14 职场文书
车间主任岗位职责范本
2015/04/08 职场文书
离职员工给领导和同事的感谢信
2015/11/03 职场文书
2016年综治和平安建设宣传月活动总结
2016/04/01 职场文书
职场干货:简历中的自我评价应该这样写!
2019/05/06 职场文书