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 05 Javascript
JS中类或对象的定义说明
Mar 10 Javascript
js使用for循环与innerHTML获取选中tr下td值
Sep 26 Javascript
jQuery仿Flash上下翻动的中英文导航菜单实例
Mar 10 Javascript
JavaScript实现的MD5算法完整实例
Feb 02 Javascript
模拟javascript中的sort排序(简单实例)
Aug 17 Javascript
总结JavaScript的正则与其他语言的不同之处
Aug 25 Javascript
详解AngularJs中$sce与$sceDelegate上下文转义服务
Sep 21 Javascript
Javascript oop设计模式 面向对象编程简单实例介绍
Dec 13 Javascript
浅析BootStrap中Modal(模态框)使用心得
Dec 24 Javascript
Angular父子组件通过服务传参的示例方法
Oct 31 Javascript
element-ui table组件如何使用render属性的实现
Nov 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下escape解码函数的实现方法
2010/08/08 PHP
php数组声明、遍历、数组全局变量使用小结
2013/06/05 PHP
php中的登陆login实例代码
2016/06/20 PHP
PHP自定义多进制的方法
2016/11/03 PHP
php 人员权限管理(RBAC)实例(推荐)
2017/05/24 PHP
PHP实现实时生成并下载超大数据量的EXCEL文件详解
2017/10/23 PHP
php和html的区别点详细总结
2019/09/24 PHP
dojo 之基础篇(三)之向服务器发送数据
2007/03/24 Javascript
解决javascript:window.close()在chrome,Firefox下失效的问题
2013/05/07 Javascript
jquery ajax实现下拉框三级无刷新联动,且保存保持选中值状态
2013/10/29 Javascript
js监控IE火狐浏览器关闭、刷新、回退、前进事件
2014/07/23 Javascript
js基于setTimeout与setInterval实现多线程
2016/06/17 Javascript
Bootstrap Table使用心得总结
2016/11/29 Javascript
JS文件/图片从电脑里面拖拽到浏览器上传文件/图片
2017/03/08 Javascript
Webpack性能优化 DLL 用法详解
2017/08/10 Javascript
PM2自动部署代码步骤流程总结
2018/12/10 Javascript
Vue v-text指令简单使用方法示例
2019/09/19 Javascript
layui 解决form表单点击无反应的问题
2019/10/25 Javascript
原生javascript制作的拼图游戏实现方法详解
2020/02/23 Javascript
微信小程序实现可长按移动控件
2020/11/01 Javascript
python实现求最长回文子串长度
2018/01/22 Python
python自动生成证件号的方法示例
2021/01/14 Python
SIXPAD智能健身仪英国官网:革命性的训练装备品牌
2018/09/27 全球购物
美国购物网站:Clickhere2shop
2021/01/28 全球购物
TecoBuy澳大利亚:在线电子和小工具商店
2020/06/25 全球购物
中学生爱国演讲稿
2013/12/31 职场文书
销售辞职报告范文
2014/01/12 职场文书
教师反腐倡廉演讲稿
2014/09/03 职场文书
股东合作协议书
2014/09/12 职场文书
学校领导班子成员查摆问题及整改措施
2014/10/28 职场文书
单位婚育证明范本
2014/11/21 职场文书
幼儿园六一儿童节开幕词
2016/03/04 职场文书
2016年庆祝六一儿童节活动总结
2016/04/06 职场文书
你有一份《诚信考试承诺书》待领取
2019/11/13 职场文书
详解Redis在SpringBoot工程中的综合应用
2021/10/16 Redis
Oracle查看表空间使用率以及爆满解决方案详解
2022/07/23 Oracle