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面向对象扩展库代码分享
Mar 27 Javascript
Jquery index()方法 获取相应元素索引值
Oct 12 Javascript
jQuery手指滑动轮播效果
Dec 22 Javascript
Angular2安装angular-cli
May 21 Javascript
详解react-webpack2-热模块替换[HMR]
Aug 03 Javascript
AngularJS实现表单元素值绑定操作示例
Oct 11 Javascript
基于vue实现网站前台的权限管理(前后端分离实践)
Jan 13 Javascript
jsonp跨域获取百度联想词的方法分析
May 13 Javascript
js设计模式之代理模式及订阅发布模式实例详解
Aug 15 Javascript
layui prompt 设置允许空白提交的方法
Sep 24 Javascript
解决elementUI 切换tab后 el_table 固定列下方多了一条线问题
Jul 19 Javascript
vue深度监听(监听对象和数组的改变)与立即执行监听实例
Sep 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
php5中date()得出的时间为什么不是当前时间的解决方法
2008/06/30 PHP
PHP将DateTime对象转化为友好时间显示的实现代码
2011/09/20 PHP
基于curl数据采集之正则处理函数get_matches的使用
2013/04/28 PHP
30个php操作redis常用方法代码例子
2014/07/05 PHP
thinkphp浏览历史功能实现方法
2014/10/29 PHP
php简单图像创建入门实例
2015/06/10 PHP
PHP实现的自定义图像居中裁剪函数示例【测试可用】
2017/08/11 PHP
php使用QueryList轻松采集js动态渲染页面方法
2018/09/11 PHP
PHP观察者模式定义与用法实例分析
2019/03/22 PHP
Laravel 实现在Blade模版中使用全局变量代替路径的例子
2019/10/22 PHP
Nigma vs Liquid BO3 第二场2.14
2021/03/10 DOTA
javascript函数中的arguments参数
2010/08/01 Javascript
javascript 常用功能总结
2012/03/18 Javascript
基于JavaScript短信验证码如何实现
2016/01/24 Javascript
设置点击文本框或图片弹出日历控件的实现代码
2016/05/12 Javascript
JavaScript必知必会(六) delete in instanceof
2016/06/08 Javascript
JavaScript第一篇之实现按钮全选、功能
2016/08/21 Javascript
BootStrap实现手机端轮播图左右滑动事件
2016/10/13 Javascript
微信小程序 websocket 实现SpringMVC+Spring+Mybatis
2017/08/04 Javascript
详解在微信小程序的JS脚本中使用Promise来优化函数处理
2019/03/06 Javascript
最简单的vue消息提示全局组件的方法
2019/06/16 Javascript
[58:35]OG vs EG 2019国际邀请赛淘汰赛 胜者组 BO3 第二场 8.22
2019/09/05 DOTA
浅谈关于Python3中venv虚拟环境
2018/08/01 Python
Python根据当前日期取去年同星期日期
2019/04/14 Python
python脚本执行CMD命令并返回结果的例子
2019/08/14 Python
Pycharm操作Git及GitHub的步骤详解
2020/10/27 Python
五个2015 年最佳HTML5 框架
2015/11/11 HTML / CSS
英国在线药房:Express Chemist
2019/03/28 全球购物
后进生转化工作制度
2014/01/17 职场文书
优秀毕业生事迹材料
2014/02/12 职场文书
优秀管理者获奖感言
2014/02/17 职场文书
汽车维修求职信
2014/06/15 职场文书
关于读书的演讲稿800字
2014/08/27 职场文书
Python制作表白爱心合集
2022/01/22 Python
日元符号 ¥
2022/02/17 杂记
nginx静态资源的服务器配置方法
2022/07/07 Servers