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 相关文章推荐
在textarea中屏蔽js的某个function的javascript代码
Apr 20 Javascript
javascript 写类方式之十
Jul 05 Javascript
js,jQuery 排序的实现代码,网页标签排序的实现,标签排序
Apr 27 Javascript
jQuery 文本框得失焦点的简单实例
Feb 19 Javascript
jQuery Masonry瀑布流插件使用详解
Nov 17 Javascript
JS实现淡蓝色简洁竖向Tab点击切换效果
Oct 06 Javascript
JavaScript通过代码调用Flash显示的方法
Feb 02 Javascript
jQuery插件实现图片轮播特效
Jun 16 Javascript
利用node.js写一个爬取知乎妹纸图的小爬虫
May 03 Javascript
JS自动生成动态HTML验证码页面
Jun 14 Javascript
微信小程序常用简易小函数总结
Feb 01 Javascript
Webpack的Loader和Plugin的区别
Nov 09 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 的几个配置文件函数
2006/12/21 PHP
PHP使用redis位图bitMap 实现签到功能
2019/10/08 PHP
javascript import css实例代码
2008/07/18 Javascript
js中将URL中的参数提取出来作为对象的实现代码
2011/08/16 Javascript
让人印象深刻的10个jQuery手风琴效果应用
2012/05/08 Javascript
jquery实现动态菜单的实例代码
2013/11/28 Javascript
告诉你什么是javascript的回调函数
2014/09/04 Javascript
基于javascript实现九宫格大转盘效果
2020/05/28 Javascript
Vue.js每天必学之过渡与动画
2016/09/06 Javascript
微信小程序五星评分效果实现代码
2017/04/06 Javascript
微信小程序多列选择器range-key使用详解
2020/03/30 Javascript
AngularJS实现的鼠标拖动画矩形框示例【可兼容IE8】
2019/05/17 Javascript
细说Vue组件的服务器端渲染的过程
2019/05/30 Javascript
VUE注册全局组件和局部组件过程解析
2019/10/10 Javascript
Vue如何使用混合Mixins和插件开发详解
2020/02/05 Javascript
详解Nuxt内导航栏的两种实现方式
2020/04/16 Javascript
浅谈使用nodejs搭建web服务器的过程
2020/07/20 NodeJs
Python格式化css文件的方法
2015/03/10 Python
python编写简单爬虫资料汇总
2016/03/22 Python
python实现员工管理系统
2018/01/11 Python
python自动12306抢票软件实现代码
2018/02/24 Python
python:pandas合并csv文件的方法(图书数据集成)
2018/04/12 Python
Python实现手写一个类似django的web框架示例
2018/07/20 Python
Python实现拷贝/删除文件夹的方法详解
2018/08/29 Python
PyQt5的安装配置过程,将ui文件转为py文件后显示窗口的实例
2019/06/19 Python
基于Django ORM、一对一、一对多、多对多的全面讲解
2019/07/26 Python
Python中的上下文管理器相关知识详解
2019/09/19 Python
python 实现方阵的对角线遍历示例
2019/11/29 Python
Django 设置多环境配置文件载入问题
2020/02/25 Python
英国门把手公司:Door Handle Company
2019/05/12 全球购物
班主任开场白
2015/06/01 职场文书
小学生暑假生活总结
2015/07/13 职场文书
2019西餐厅创业计划书范文!
2019/07/12 职场文书
Python 的 sum() Pythonic 的求和方法详细
2021/10/16 Python
使用javascript解析二维码的三种方式
2021/11/11 Javascript
win10如何快速切换窗口 win10切换窗口快捷键分享
2022/07/23 数码科技