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 操作下拉列表框实现代码
Feb 22 Javascript
jQuery选择器源码解读(一):Sizzle方法
Mar 31 Javascript
JS中JSON对象和String之间的互转及处理技巧
Apr 06 Javascript
基于Bootstrap实现图片轮播效果
May 22 Javascript
js中的关联数组与普通数组详解
Jul 27 Javascript
微信js-sdk预览图片接口及从拍照或手机相册中选图接口用法示例
Oct 13 Javascript
原生javascript实现图片放大镜效果
Jan 18 Javascript
vue 怎么创建组件及组件使用方法
Jul 27 Javascript
JavaScript实现淘宝京东6位数字支付密码效果
Aug 18 Javascript
Vue项目安装插件并保存
Jan 28 Javascript
vue中解决拖拽改变存在iframe的div大小时卡顿问题
Jul 22 Javascript
JavaScript实现点击自制菜单效果
Feb 02 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 无限级数据JSON格式及JS解析
2010/07/17 PHP
VB中的RasEnumConnections函数返回632错误解决方法
2014/07/29 PHP
php通过array_push()函数添加多个变量到数组末尾的方法
2015/03/18 PHP
laravel Task Scheduling(任务调度)在windows下的使用详解
2019/10/22 PHP
javascript中日期转换成时间戳的小例子
2013/03/21 Javascript
jquery获取复选框被选中的值
2014/03/22 Javascript
浅谈JavaScript中运算符的优先级
2015/07/07 Javascript
基于Jquery代码实现支持PC端手机端幻灯片代码
2015/11/17 Javascript
如何利用Promises编写更优雅的JavaScript代码
2016/05/17 Javascript
PassWord输入框代码分享
2016/06/07 Javascript
Jquery基础之事件操作详解
2016/06/14 Javascript
详解用webpack把我们的业务模块分开打包的方法
2017/07/20 Javascript
深入理解React Native原生模块与JS模块通信的几种方式
2017/07/24 Javascript
基于rollup的组件库打包体积优化小结
2018/06/18 Javascript
React styled-components设置组件属性的方法
2018/08/07 Javascript
Angular7创建项目、组件、服务以及服务的使用
2019/02/19 Javascript
一篇文章介绍redux、react-redux、redux-saga总结
2019/05/23 Javascript
Vue Components 数字键盘的实现
2019/09/18 Javascript
Python类的动态修改的实例方法
2017/03/24 Python
Python中扩展包的安装方法详解
2017/06/14 Python
Python操作Sql Server 2008数据库的方法详解
2018/05/17 Python
Python实现的根据IP地址计算子网掩码位数功能示例
2018/05/23 Python
python模糊图片过滤的方法
2018/12/14 Python
利用Pyhton中的requests包进行网页访问测试的方法
2018/12/26 Python
python 检查是否为中文字符串的方法
2018/12/28 Python
Python绘制并保存指定大小图像的方法
2019/01/10 Python
django中上传图片分页三级联动效果的实现代码
2019/08/30 Python
Python实现FTP文件定时自动下载的步骤
2020/12/19 Python
html5 canvas实现圆形时钟代码分享
2013/12/25 HTML / CSS
北京RT科技有限公司.net工程师面试题
2013/02/15 面试题
创业计划书的写作技巧及要点
2014/01/31 职场文书
商场促销活动总结
2014/07/10 职场文书
自我推荐信怎么写
2015/03/24 职场文书
销售开票员岗位职责
2015/04/15 职场文书
tomcat的catalina.out日志按自定义时间格式进行分割的操作方法
2022/04/02 Servers
Linux下搭建SFTP服务器的命令详解
2022/06/25 Servers