编程 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 相关文章推荐

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