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 相关文章推荐
jquery.ui.draggable中文文档
Nov 24 Javascript
在jQuery中 常用的选择器介绍
Apr 16 Javascript
jQuery实现带有上下控制按钮的简单多行滚屏效果代码
Sep 04 Javascript
js实现上传图片及时预览
May 07 Javascript
AngularJS ng-bind 指令简单实现
Jul 30 Javascript
如何使用Vuex+Vue.js构建单页应用
Oct 27 Javascript
微信小程序 自己制作小组件实例详解
Dec 22 Javascript
JavaScrpt的面向对象全面解析
May 09 Javascript
解决vue打包后刷新页面报错:Unexpected token
Aug 27 Javascript
Vue使用axios引起的后台session不同操作
Aug 14 Javascript
vue配置多代理服务接口地址操作
Sep 08 Javascript
JavaScript实现随机点名小程序
Oct 29 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垃圾代码优化操作代码
2010/08/05 PHP
php实现小程序支付完整版
2018/10/09 PHP
Javascript判断对象是否相等实现代码
2013/03/18 Javascript
html+js实现动态显示本地时间
2013/09/21 Javascript
jQuery截取指定长度字符串代码
2014/08/21 Javascript
Javascript 读取操作Sql中的Xml字段
2014/10/09 Javascript
分享33个jQuery与CSS3实现的绚丽鼠标悬停效果
2014/12/15 Javascript
jqGrid表格应用之新增与删除数据附源码下载
2015/12/02 Javascript
JavaScript 经典实例日常收集整理(常用经典)
2016/03/30 Javascript
AngularJS基础 ng-copy 指令实例代码
2016/08/01 Javascript
jQuery轻松实现无缝轮播效果
2017/03/22 jQuery
Angular.JS中指令ng-if、ng-show/ng-hide和ng-switch的使用教程
2017/05/07 Javascript
ES6关于Promise的用法详解
2018/05/07 Javascript
详解如何快速配置webpack多入口脚手架
2018/12/28 Javascript
vue swipe自定义组件实现轮播效果
2019/07/03 Javascript
关于layui的下拉搜索框异步加载数据的解决方法
2019/09/28 Javascript
微信小程序点击保存图片到本机功能
2019/12/13 Javascript
JavaScript 绘制饼图的示例
2021/02/19 Javascript
Python2.x中str与unicode相关问题的解决方法
2015/03/30 Python
举例讲解Linux系统下Python调用系统Shell的方法
2015/11/07 Python
python单例模式获取IP代理的方法详解
2018/09/13 Python
python 判断linux进程,并杀死进程的实现方法
2019/07/01 Python
用Python实现最速下降法求极值的方法
2019/07/10 Python
python实现超市管理系统(后台管理)
2019/10/25 Python
python装饰器代替set get方法实例
2019/12/19 Python
Django高并发负载均衡实现原理详解
2020/04/04 Python
pycharm 快速解决python代码冲突的问题
2021/01/15 Python
Envie de Fraise意大利:法国网上推出的孕妇装品牌
2020/10/18 全球购物
纯净、自信、100%的羊绒服装:360Cashmere
2021/02/20 全球购物
自荐信格式技巧有哪些呢
2013/11/19 职场文书
仓库组长岗位职责
2014/01/29 职场文书
建议书标准格式
2014/03/12 职场文书
普通党员个人对照检查材料
2014/09/18 职场文书
五好家庭事迹材料
2014/12/20 职场文书
学期个人工作总结
2015/02/13 职场文书
初中信息技术教学反思
2016/02/16 职场文书