编程 Javascript

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的实现方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持三水点靠木。

input框中自动展示当前日期yyyy/mm/dd的实现方法

- Author -

jingxian

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

IE与FireFox的兼容性问题分析

Apr 22 Javascript

jQuery 鼠标经过(hover)事件的延时处理示例

Apr 14 Javascript

Jquery中request和request.form和request.querystring的区别

Nov 26 Javascript

原生js实现移动端瀑布流式代码示例

Dec 18 Javascript

利用Jquery队列实现根据输入数量显示的动画

Sep 01 Javascript

bootstrap table分页模板和获取表中的ID方法

Jan 10 Javascript

JS+CSS实现网页加载中的动画效果

Oct 27 Javascript

使用express搭建一个简单的查询服务器的方法

Feb 09 Javascript

浅谈实现vue2.0响应式的基本思路

Feb 13 Javascript

探秘vue-rx 2.0(推荐)

Sep 21 Javascript

Bootstrap 按钮样式与使用代码详解

Dec 09 Javascript

vue实现购物车功能（商品分类）

Apr 20 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