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 相关文章推荐
JS启动应用程序的一个简单例子
May 11 Javascript
屏蔽F1~F12的快捷键的js函数
May 06 Javascript
js关闭子窗体刷新父窗体实现方法
Dec 04 Javascript
Javascript中判断一个值是否为undefined的方法详解
Sep 28 Javascript
jQuery通过ajax快速批量提交表单数据
Oct 25 Javascript
神级程序员JavaScript300行代码搞定汉字转拼音
May 20 Javascript
jQuery 实时保存页面动态添加的数据的示例
Aug 14 jQuery
Vue服务器渲染Nuxt学习笔记
Jan 31 Javascript
webpack 单独打包指定JS文件的方法
Feb 22 Javascript
element-ui 关于获取select 的label值方法
Aug 24 Javascript
浅析webpack-bundle-analyzer在vue-cli3中的使用
Oct 23 Javascript
深度解读vue-resize的具体用法
Jul 08 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实现网站插件机制的方法
2009/11/10 PHP
php使用百度天气接口示例
2014/04/22 PHP
php+mysql查询优化简单实例
2015/01/13 PHP
php处理多图上传压缩代码功能
2018/06/13 PHP
thinkphp5框架调用其它控制器方法 实现自定义跳转界面功能示例
2019/07/03 PHP
Javascript中Eval函数的使用说明
2008/10/11 Javascript
jQuery1.6 正式版发布并提供下载
2011/05/05 Javascript
jquery增加时编辑jqGrid(实例代码)
2013/11/08 Javascript
jQuery将所有被选中的checkbox某个属性值连接成字符串的方法
2015/01/24 Javascript
JavaScript跨浏览器获取页面中相同class节点的方法
2015/03/03 Javascript
JavaScript实现将UPC转换成ISBN的方法
2015/05/26 Javascript
js实现跨域的几种方法汇总(图片ping、JSONP和CORS)
2015/10/25 Javascript
跟我学习javascript的隐式强制转换
2015/11/16 Javascript
每天一篇javascript学习小结(属性定义方法)
2015/11/19 Javascript
Javascript简单实现面向对象编程继承实例代码
2015/11/27 Javascript
Angular发布1.5正式版,专注于向Angular 2的过渡
2016/02/18 Javascript
js定义类的几种方法(推荐)
2016/06/08 Javascript
基于JSON格式数据的简单jQuery幻灯片插件(jquery-slider)
2016/08/10 Javascript
jQuery动态生成不规则表格(前后端)
2017/02/21 Javascript
Angular利用trackBy提升性能的方法
2018/01/26 Javascript
Js Snowflake(雪花算法)生成随机ID的实现方法
2020/08/26 Javascript
Openlayers实现地图的基本操作
2020/09/28 Javascript
Python爬取网易云音乐热门评论
2017/03/31 Python
python 多维切片之冒号和三个点的用法介绍
2018/04/19 Python
使用Python通过win32 COM实现Word文档的写入与保存方法
2018/05/08 Python
基于python实现聊天室程序
2018/07/27 Python
python将字符串list写入excel和txt的实例
2019/07/20 Python
Python中PyQt5/PySide2的按钮控件使用实例
2019/08/17 Python
Python常用类型转换实现代码实例
2020/07/28 Python
Python return语句如何实现结果返回调用
2020/10/15 Python
CHARLES & KEITH加拿大官网:新加坡时尚品牌
2020/03/26 全球购物
什么是虚拟内存?虚拟内存有什么优势?
2016/02/09 面试题
质量月口号
2014/06/20 职场文书
硕士学位申请报告
2015/05/15 职场文书
QT连接MYSQL数据库的详细步骤
2021/07/07 MySQL
Go中的条件语句Switch示例详解
2021/08/23 Golang