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 相关文章推荐
ExtJS 2.0实用简明教程 之Border区域布局
Apr 29 Javascript
ASP 过滤数组重复数据函数(加强版)
May 31 Javascript
工作中常用到的JS表单验证代码(包括例子)
Nov 11 Javascript
Jquery中$.get(),$.post(),$.ajax(),$.getJSON()的用法总结
Nov 14 Javascript
jquery实现的下拉和收缩效果示例
Aug 21 Javascript
网页禁用右键菜单和鼠标拖动选择方法小结
Feb 25 Javascript
JavaScript生成带有缩进的表格代码
Jun 15 Javascript
Angular.js中$apply()和$digest()的深入理解
Oct 13 Javascript
详解JS-- 浮点数运算处理
Nov 28 Javascript
js-FCC算法-No repeats please字符串的全排列(详解)
May 02 Javascript
vue项目创建步骤及路由router
Jan 14 Javascript
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
thinkphp 框架数据库切换实现方法分析
2020/05/18 PHP
JavaScript asp.net 获取当前超链接中的文本
2009/04/14 Javascript
JavaScript效率调优经验
2009/06/04 Javascript
Javascript中Event属性搜集整理
2013/09/17 Javascript
Extjs grid panel自带滚动条失效的解决方法
2014/09/11 Javascript
Node.js事件驱动
2015/06/18 Javascript
js操作table元素实现表格行列新增、删除技巧总结
2015/11/18 Javascript
jQuery插件datatables使用教程
2016/04/21 Javascript
jquery中用jsonp实现搜索框功能
2016/10/18 Javascript
DOM 事件的深入浅出(二)
2016/12/05 Javascript
JS实现的简易拖放效果示例
2016/12/29 Javascript
js实现将json数组显示前台table中
2017/01/10 Javascript
认识less和webstrom的less配置方法
2017/08/02 Javascript
Vue结合SignalR实现前后端实时消息同步
2017/09/19 Javascript
解决使用Vue.js显示数据的时,页面闪现原始代码的问题
2018/02/11 Javascript
webpack热模块替换(HMR)/热更新的方法
2018/04/05 Javascript
详解微信小程序框架wepy踩坑记录(与vue对比)
2019/03/12 Javascript
JavaScript显式数据类型转换详解
2019/03/18 Javascript
[02:08]什么藏在DOTA2 TI9“小紫本”里?斧王历险记告诉你!
2019/05/17 DOTA
python修改txt文件中的某一项方法
2018/12/29 Python
代码实例讲解python3的编码问题
2019/07/08 Python
OpenCV里的imshow()和Matplotlib.pyplot的imshow()的实现
2019/11/25 Python
pandas抽取行列数据的几种方法
2020/12/13 Python
Django视图类型总结
2021/02/17 Python
python 制作本地应用搜索工具
2021/02/27 Python
推荐10个CSS3 制作的创意下拉菜单效果
2014/02/11 HTML / CSS
公司清洁工岗位职责
2013/12/14 职场文书
运动会表扬稿大全
2014/01/16 职场文书
投标承诺书范本
2014/03/27 职场文书
解除劳动合同协议书范本2014
2014/09/25 职场文书
客房服务员岗位职责
2015/02/09 职场文书
销售员自我评价
2015/03/11 职场文书
党员转正大会主持词
2015/07/02 职场文书
安全温馨提示语大全
2015/07/14 职场文书
承诺书的签字人,需不需要承担相应的责任?
2019/07/09 职场文书
Oracle 数据仓库ETL技术之多表插入语句的示例详解
2021/04/12 Oracle