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 innerText和innerHtml应用
Jan 28 Javascript
原创javascript小游戏实现代码
Aug 19 Javascript
jQeury淡入淡出需要注意的问题
Sep 08 Javascript
JavaScript动态改变表格单元格内容的方法
Mar 30 Javascript
kindeditor修复会替换script内容的问题
Apr 03 Javascript
JavaScript基本语法讲解
Jun 03 Javascript
详解Vue路由开启keep-alive时的注意点
Jun 20 Javascript
vue 监听屏幕高度的实例
Sep 05 Javascript
vue删除html内容的标签样式实例
Sep 13 Javascript
vue debug 二种方法
Sep 16 Javascript
解决vue打包后vendor.js文件过大问题
Jul 03 Javascript
HTML元素拖拽功能实现的完整实例
Dec 04 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 字符串编码截取函数(兼容utf-8和gb2312)
2009/05/02 PHP
执行、获取远程代码返回:file_get_contents 超时处理的问题详解
2013/06/25 PHP
Zend Framework路由器用法实例详解
2016/12/11 PHP
PHP基于SMTP协议实现邮件发送实例代码
2017/04/27 PHP
求数组最大最小值方法适用于任何数组
2013/08/16 Javascript
freemarker判断对象是否为空的方法
2015/08/13 Javascript
非常实用的12个jquery代码片段
2015/11/02 Javascript
AngularJS中指令的四种基本形式实例分析
2016/11/22 Javascript
Bootstrap整体框架之CSS12栅格系统
2016/12/15 Javascript
jQuery实现搜索页面关键字的功能
2017/02/16 Javascript
浅谈原生JS中的延迟脚本和异步脚本
2017/07/12 Javascript
react高阶组件经典应用之权限控制详解
2017/09/07 Javascript
实例解析ES6 Proxy使用场景介绍
2018/01/08 Javascript
vue中使用vue-cli接入融云实现即时通信
2019/04/19 Javascript
Angular中使用ng-zorro图标库部分图标不能正常显示问题
2019/04/22 Javascript
fastadmin中调用js的方法
2019/05/14 Javascript
深入理解 Python 中的多线程 新手必看
2016/11/20 Python
Python3处理HTTP请求的实例
2018/05/10 Python
用python爬取租房网站信息的代码
2018/12/14 Python
解决pyinstaller打包pyqt5的问题
2019/01/08 Python
解决python 3 urllib 没有 urlencode 属性的问题
2019/08/22 Python
python rsa实现数据加密和解密、签名加密和验签功能
2019/09/18 Python
python GUI库图形界面开发之PyQt5输入对话框QInputDialog详细使用方法与实例
2020/02/27 Python
Python eval函数介绍及用法
2020/11/09 Python
美国隐形眼镜网:Major Lens
2018/02/09 全球购物
如何在Shell脚本中使用函数
2015/09/06 面试题
护士的岗位职责
2013/12/04 职场文书
运动会演讲稿300字
2014/08/25 职场文书
晋江市委常委班子四风问题整改工作方案
2014/10/26 职场文书
2014幼儿园家长工作总结
2014/11/10 职场文书
2015年领导班子工作总结
2015/05/23 职场文书
卢旺达饭店观后感
2015/06/05 职场文书
3招让你摆脱即兴讲话冷场尴尬
2019/08/08 职场文书
五年级作文之想象作文
2019/10/30 职场文书
python单元测试之pytest的使用
2021/06/07 Python
Spring Security中用JWT退出登录时遇到的坑
2021/10/16 Java/Android