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设置IFRAME的SRC值的代码
Nov 30 Javascript
多种方法实现JS动态添加事件
Nov 01 Javascript
举例讲解JavaScript中将数组元素转换为字符串的方法
Oct 25 Javascript
jquery.cookie.js用法实例详解
Dec 25 Javascript
jQuery 获取遍历获取table中每一个tr中的第一个td的方法
Oct 05 Javascript
Vue实现web分页组件详解
Nov 28 Javascript
JS计算距当前时间的时间差实例
Dec 29 Javascript
移动端自适应flexible.js的使用方法(不用三大框架,仅写一个单html页面使用)推荐
Apr 02 Javascript
webpack项目使用eslint建立代码规范实现
May 16 Javascript
基于JS正则表达式实现模板数据动态渲染(实现思路详解)
Mar 07 Javascript
JS实现简单打字测试
Jun 24 Javascript
浅谈nuxtjs校验登录中间件和混入(mixin)
Nov 06 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+UTF8多文件上传类
2008/10/17 PHP
destoon二次开发模板及调用语法汇总
2014/06/21 PHP
PHP实现视频文件上传完整实例
2014/08/28 PHP
Joomla开启SEF的方法
2016/05/04 PHP
php魔术方法功能与用法实例分析
2016/10/19 PHP
PHP实现微信提现(企业付款到零钱)
2019/08/01 PHP
页面中iframe相互传值传参
2009/12/13 Javascript
Extjs4 关于Store的一些操作(加载/回调/添加)
2013/04/18 Javascript
js实现div拖动动画运行轨迹效果代码分享
2015/08/27 Javascript
JavaScript自定义文本框光标
2017/03/05 Javascript
一个Js文件函数中调用另一个Js文件函数的方法演示
2017/08/14 Javascript
nodejs判断文件、文件夹是否存在及删除的方法
2017/11/10 NodeJs
vue中实现methods一个方法调用另外一个方法
2018/02/08 Javascript
微信小程序封装自定义弹窗的实现代码
2019/05/08 Javascript
小程序最新获取用户昵称和头像的方法总结
2019/09/23 Javascript
vue-cli 为项目设置别名的方法
2019/10/15 Javascript
Vue调用后端java接口的实例代码
2019/10/28 Javascript
vue之a-table中实现清空选中的数据
2019/11/07 Javascript
在vue中使用防抖和节流,防止重复点击或重复上拉加载实例
2019/11/13 Javascript
微信小程序修改数组长度的问题的解决
2019/12/17 Javascript
JS数组方法reverse()用法实例分析
2020/01/18 Javascript
Vue优化:常见会导致内存泄漏问题及优化详解
2020/08/04 Javascript
你不知道的SpringBoot与Vue部署解决方案
2020/11/09 Javascript
[47:20]DAC2018 4.4 淘汰赛 Optic vs Mineski 第一场
2018/04/05 DOTA
利用Python开发实现简单的记事本
2016/11/15 Python
python 出现SyntaxError: non-keyword arg after keyword arg错误解决办法
2017/02/14 Python
python之PyMongo使用总结
2017/05/26 Python
Django中反向生成models.py的实例讲解
2018/05/30 Python
python 扩展print打印文件路径和当前时间信息的实例代码
2019/10/11 Python
Python Web静态服务器非堵塞模式实现方法示例
2019/11/21 Python
python实现梯度法 python最速下降法
2020/03/24 Python
天逸系统(武汉)有限公司Java笔试题
2015/12/29 面试题
餐饮业员工工作决心书
2014/03/11 职场文书
nginx 多个location转发任意请求或访问静态资源文件的实现
2021/03/31 Servers
台式电脑蓝牙适配器怎么安装?台式电脑蓝牙适配器安装教程
2022/04/08 数码科技
Redis sentinel哨兵集群的实现步骤
2022/07/15 Redis