js date 格式化


Posted in Javascript onFebruary 15, 2017

以这个为例:    yyyy-MM-dd HH:mm:ss

首先得写好你需要的模板

options.sign = options.sign || 'yyyy-MM-dd HH:mm:ss';

其次就可以调用日期函数了(这里的月一定要+1,因为默认是从0开始的)

var d = new Date();
var year = d.getFullYear();
var month = d.getMonth()+1;
var day = d.getDate();
var hours = d.getHours();
var minutes = d.getMinutes();
var second = d.getSeconds();

然后把得到的日期与模板结合起来,就大功告成了,(这里用到了replace  把模板里的日期给替换掉)

var result = options.sign;
result = result.replace('yyyy', year);
result = result.replace('MM', month);
result = result.replace('dd', day);
result = result.replace('HH', hours);
result = result.replace('mm', minutes);
result = result.replace('ss', second);
return result;

其实写完可以自己优化一下,自己好好想想,比如:2017-2-1 9:2:8  --> 2017-02-01 09:02:08 等。

这样自己可以写一个函数来过滤一下:这就用到一些小知识点,比如三目运算符,有时候会帮大忙,所以基础还是要打好的。

var _complete = function(n){
return (n>9) ? n : '0' + n;
} 

函数简单的封装好了。怎么用呢,看下面的代码,很简单,比如获取hours的时候。过滤一遍就好啦。

var hours =  _complete(d.getHours());

下面附上全部代码:

<!DOCTYPE html>
<html>
 <head>
  <meta charset="UTF-8">
  <title>日期时间</title>
 </head>
 <body>
 </body>
</html>
<script type="text/javascript">
 //yyyy-MM-dd
 var getDateFormat = function(options){
  options = options || {};
  options.sign = options.sign || 'yyyy-MM-dd HH:mm:ss';
  var _complete = function(n){
   return (n>9) ? n : '0' + n;
  }
  var d = new Date();
  var year = d.getFullYear();
  var month = _complete(d.getMonth()+1);
  var day = _complete(d.getDate());
  var hours = _complete(d.getHours());
  var minutes = _complete(d.getMinutes());
  var second = _complete(d.getSeconds());
  var result = options.sign;
  result = result.replace('yyyy', year);
  result = result.replace('MM', month);
  result = result.replace('dd', day);
  result = result.replace('HH', hours);
  result = result.replace('mm', minutes);
  result = result.replace('ss', second);
  return result;
 }
 console.log(getDateFormat());
</script>

以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持三水点靠木!

Javascript 相关文章推荐
Jquery Ajax 学习实例2 向页面发出请求 返回JSon格式数据
Mar 15 Javascript
推荐一款jQuery插件模板
Jan 09 Javascript
深入理解JS中的substr和substring
Apr 26 Javascript
Web前端新人笔记之jquery入门心得(新手必看)
May 17 Javascript
JS闭包与延迟求值用法示例
Dec 22 Javascript
js+canvas实现动态吃豆人效果
Mar 22 Javascript
详解用函数式编程对JavaScript进行断舍离
Sep 18 Javascript
基于vue cli重构多页面脚手架过程详解
Jan 23 Javascript
Javascript实现动态时钟效果
Nov 17 Javascript
nuxt 路由、过渡特效、中间件的实现代码
Nov 06 Javascript
小程序自定义圆形进度条
Nov 17 Javascript
Angular CLI发布路径的配置项浅析
Mar 29 Javascript
JS实现最简单的冒泡排序算法
Feb 15 #Javascript
javascript设计模式之单体模式学习笔记
Feb 15 #Javascript
JavaScript中的toString()和toLocaleString()方法的区别
Feb 15 #Javascript
javascript设计模式之模块模式学习笔记
Feb 15 #Javascript
javascript设计模式之策略模式学习笔记
Feb 15 #Javascript
BootStrap实现带关闭按钮功能
Feb 15 #Javascript
Jil,高效的json序列化和反序列化库
Feb 15 #Javascript
You might like
apache+codeigniter 通过.htcaccess做动态二级域名解析
2012/07/01 PHP
Ubuntu中支持PHP5与PHP7双版本的简单实现
2018/08/19 PHP
php如何利用pecl安装mongodb扩展详解
2019/01/09 PHP
PHP各种常见经典算法总结【排序、查找、翻转等】
2019/08/05 PHP
基于JQuery.timer插件实现一个计时器
2010/04/25 Javascript
JS使用oumousemove和oumouseout动态改变图片显示的方法
2015/03/31 Javascript
jquery实现输入框实时输入触发事件代码
2016/12/21 Javascript
ECMAScript6--解构
2017/03/30 Javascript
很棒的vue弹窗组件
2017/05/24 Javascript
微信小程序自定义组件
2017/08/16 Javascript
Mac中安装nvm的教程分享
2017/12/11 Javascript
vue 将页面公用的头部组件化的方法
2017/12/18 Javascript
详解Vue CLI3配置之filenameHashing使用和源码设计使用和源码设计
2018/08/31 Javascript
Vue中点击active并第一个默认选中功能的实现
2020/02/24 Javascript
Python中__init__和__new__的区别详解
2014/07/09 Python
Python实现Linux下守护进程的编写方法
2014/08/22 Python
python执行get提交的方法
2015/04/29 Python
python文件操作相关知识点总结整理
2016/02/22 Python
Python实现类的创建与使用方法示例
2017/07/25 Python
Python实现识别手写数字 Python图片读入与处理
2020/03/23 Python
python中subprocess批量执行linux命令
2018/04/27 Python
Python实现分段线性插值
2018/12/17 Python
Opencv-Python图像透视变换cv2.warpPerspective的示例
2019/04/11 Python
python os.path.isfile 的使用误区详解
2019/11/29 Python
TensorFlow:将ckpt文件固化成pb文件教程
2020/02/11 Python
详解Python的爬虫框架 Scrapy
2020/08/03 Python
香港现代设计家具品牌:Ziinlife Furniture
2018/11/13 全球购物
WatchShop法国:英国排名第一的独立手表零售商
2020/02/17 全球购物
介绍下WebSphere的安全性
2013/01/31 面试题
面向对象设计的原则是什么
2013/02/13 面试题
求职信范文英文版
2014/01/05 职场文书
个人安全承诺书
2014/05/22 职场文书
公司领导九九重阳节发言稿2014
2014/09/25 职场文书
初中教师个人总结
2015/02/10 职场文书
工伤事故赔偿协议书
2015/08/06 职场文书
用Python爬虫破解滑动验证码的案例解析
2021/05/06 Python