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 字符串处理函数使用小结
Dec 02 Javascript
基于jQuery实现模拟页面加载进度条
Apr 01 Javascript
弹出窗口并且此窗口带有半透明的遮罩层效果
Mar 13 Javascript
谈一谈bootstrap响应式布局
May 23 Javascript
JavaScript数据类型转换的注意事项
Jul 31 Javascript
WEB 前端开发中防治重复提交的实现方法
Oct 26 Javascript
Js apply方法详解
Feb 16 Javascript
利用JavaScript对中文(汉字)进行排序实例详解
Jun 18 Javascript
vue+webpack中配置ESLint
Nov 07 Javascript
JS实现星星海特效
Dec 24 Javascript
Javascript如何实现双指控制图片功能
Feb 25 Javascript
javascript设计模式 ? 职责链模式原理与用法实例分析
Apr 16 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 substr()函数参数解释及用法讲解
2017/11/23 PHP
PHP中str_split()函数的用法讲解
2019/04/11 PHP
laravel多条件查询方法(and,or嵌套查询)
2019/10/09 PHP
javascript与webservice的通信实现代码
2010/12/25 Javascript
那些年,我还在学习jquery 学习笔记
2012/03/05 Javascript
利用JQuery动画制作滑动菜单项效果实现步骤及代码
2013/02/07 Javascript
JQuery限制复选框checkbox可选中个数的方法
2015/04/20 Javascript
JQuery中Bind()事件用法分析
2015/05/05 Javascript
JavaScript中创建对象的模式汇总
2016/04/19 Javascript
浅谈JS中String()与 .toString()的区别
2016/10/20 Javascript
ajax级联菜单实现方法实例分析
2016/11/28 Javascript
js的OOP继承实现(必看篇)
2017/02/18 Javascript
JS实现数组去重方法总结(六种方法)
2017/07/14 Javascript
AngularJS实现图片上传和预览功能的方法分析
2017/11/08 Javascript
VUE 3D轮播图封装实现方法
2018/07/03 Javascript
js判断密码强度的方法
2020/03/18 Javascript
vue element和nuxt的使用技巧分享
2021/01/14 Vue.js
JS实现点击掉落特效
2021/01/29 Javascript
[00:57]林俊杰助阵DOTA2亚洲邀请赛
2015/01/28 DOTA
[02:10]三分钟回顾完美世界城市挑战赛
2019/01/24 DOTA
Python安装Imaging报错:The _imaging C module is not installed问题解决方法
2014/08/22 Python
Python字符串替换实例分析
2015/05/11 Python
用Python实现斐波那契(Fibonacci)函数
2016/03/25 Python
python创建文件备份的脚本
2018/09/11 Python
pandas使用之宽表变窄表的实现
2020/04/12 Python
澳大利亚领先的优质葡萄酒拍卖会:Langton’s Fine Wines
2019/03/24 全球购物
中间件的定义
2016/08/09 面试题
最新大学生自我评价
2013/09/24 职场文书
残疾人创业典型事迹
2014/02/01 职场文书
霸王洗发水广告词
2014/03/14 职场文书
法院信息化建设方案
2014/05/21 职场文书
环境日宣传活动总结
2014/07/09 职场文书
小学生安全责任书
2014/07/25 职场文书
民事纠纷协议书
2016/03/23 职场文书
中学生打架《检讨书》范文
2019/08/12 职场文书
导游词之张家界
2019/10/31 职场文书