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 autocomplete 使用手册
Apr 01 Javascript
jQuery在vs2008及js文件中的无智能提示的解决方法
Dec 30 Javascript
js调用activeX获取u盘序列号的代码
Nov 21 Javascript
js判断选择时间不能小于当前时间的示例代码
Sep 24 Javascript
优化javascript的执行效率一些方法总结
Dec 25 Javascript
javascript动态创建及删除元素的方法
Dec 22 Javascript
AngularJS中的Directive自定义一个表格
Jan 25 Javascript
jQuery简单实现中间浮窗效果
Sep 04 Javascript
switch语句的妙用(必看篇)
Oct 03 Javascript
利用Vue v-model实现一个自定义的表单组件
Apr 27 Javascript
微信小程序非跳转式组件授权登录的方法示例
May 22 Javascript
原理深度解析Vue的响应式更新比React快
Apr 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获取服务器时间的实现代码
2013/06/07 PHP
从零开始学YII2框架(二)通过 Composer 安装扩展插件
2014/08/20 PHP
PHP调试函数和日志记录函数分享
2015/01/31 PHP
workerman结合laravel开发在线聊天应用的示例代码
2018/10/30 PHP
PHP的简单跳转提示的实现详解
2019/03/14 PHP
tp5.1框架数据库子查询操作实例分析
2020/05/26 PHP
js获取变量
2006/08/24 Javascript
jquery 应用代码 方便的排序功能
2010/02/06 Javascript
jQueryUI如何自定义组件实现代码
2010/11/14 Javascript
js调出上下文菜单的实例
2015/12/17 Javascript
jQuery.deferred对象使用详解
2016/03/18 Javascript
jQuery+ajax读取并解析XML文件的方法
2016/09/09 Javascript
Vue网页html转换PDF(最低兼容ie10)的思路详解
2017/08/24 Javascript
vue使用axios上传文件(FormData)的方法
2019/04/14 Javascript
解决LayUI数据表格复选框不居中显示的问题
2019/09/25 Javascript
[01:33:07]VGJ.T vs Newbee Supermajor 败者组 BO3 第一场 6.6
2018/06/07 DOTA
[00:52]DOTA2国际邀请赛
2020/02/21 DOTA
python通过ssh-powershell监控windows的方法
2015/06/02 Python
Python爬虫利用cookie实现模拟登陆实例详解
2017/01/12 Python
python 连接sqlite及简单操作
2017/06/30 Python
目前最全的python的就业方向
2018/06/05 Python
Python动态参数/命名空间/函数嵌套/global和nonlocal
2019/05/29 Python
keras和tensorflow使用fit_generator 批次训练操作
2020/07/03 Python
python如何随机生成高强度密码
2020/08/19 Python
使用python实现学生信息管理系统
2021/02/25 Python
HTML5 history新特性pushState、replaceState及两者的区别
2015/12/26 HTML / CSS
匈牙利最大的健身制造商和销售商:inSPORTline
2018/10/30 全球购物
俄罗斯最大的隐形眼镜销售网站:Ochkov.Net
2021/02/07 全球购物
《小蝌蚪找妈妈》教学反思
2014/02/21 职场文书
竞选学习委员演讲稿
2014/04/28 职场文书
2014年客户经理工作总结
2014/11/20 职场文书
教师个人成长总结
2015/02/11 职场文书
幼儿园六一主持词
2015/06/30 职场文书
MySQL官方导出工具mysqlpump的使用
2021/05/21 MySQL
CSS+HTML 实现顶部导航栏功能
2021/08/30 HTML / CSS
Windows Server 2012配置DNS服务器的方法
2022/04/29 Servers