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 相关文章推荐
js jquery验证银行卡号信息正则学习
Jan 21 Javascript
jQuery中filter()和find()的区别深入了解
Sep 25 Javascript
js 实现的可折叠留言板(附源码下载)
Jul 01 Javascript
JS获取iframe中longdesc属性的方法
Apr 01 Javascript
AngularJs html compiler详解及示例代码
Sep 01 Javascript
js返回顶部实例分享
Dec 21 Javascript
Angular4 中内置指令的基本用法
Jul 31 Javascript
Koa项目搭建过程详细记录
Apr 12 Javascript
React+Webpack快速上手指南(小结)
Aug 15 Javascript
vue router 组件的高级应用实例代码
Apr 08 Javascript
React路由鉴权的实现方法
Sep 05 Javascript
javascript中layim之查找好友查找群组
Feb 06 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
php实现的太平洋时间和北京时间互转的自定义函数分享
2014/08/19 PHP
PHP curl CURLOPT_RETURNTRANSFER参数的作用使用实例
2015/02/07 PHP
php中stdClass的用法分析
2015/02/27 PHP
php实现遍历多维数组的方法
2015/11/25 PHP
YII Framework框架教程之使用YIIC快速创建YII应用详解
2016/03/15 PHP
CI框架实现框架前后端分离的方法详解
2016/12/30 PHP
Laravel 验证码认证学习记录小结
2019/12/20 PHP
根据分辨率不同,调用不同的css文件
2006/07/07 Javascript
分享14个很酷的jQuery导航菜单插件
2011/04/25 Javascript
Jquery模仿Baidu、Google搜索时自动补充搜索结果提示
2013/12/26 Javascript
JSON取值前判断
2014/12/23 Javascript
jQueryMobile之Helloworld与页面切换的方法
2015/02/04 Javascript
JS获取iframe中longdesc属性的方法
2015/04/01 Javascript
仿百度换肤功能的简单实例代码
2016/07/11 Javascript
JavaScript中的对象继承关系
2016/08/01 Javascript
js复制内容到剪贴板代码,js复制代码的简单实例
2016/10/27 Javascript
jQuery Validate格式验证功能实例代码(包括重名验证)
2017/07/18 jQuery
JavaScript实现各种排序的代码详解
2017/08/28 Javascript
JS简单实现父子窗口传值功能示例【未使用iframe框架】
2017/09/20 Javascript
JavaScript 中定义函数用 var foo = function () {} 和 function foo()区别介绍
2018/03/01 Javascript
Node.js net模块功能及事件监听用法分析
2019/01/05 Javascript
微信小程序实现拍照画布指定区域生成图片
2019/07/18 Javascript
token 机制和实现方式
2020/12/15 Javascript
Python函数嵌套实例
2014/09/23 Python
python3读取csv和xlsx文件的实例
2018/06/22 Python
Python代码块批量添加Tab缩进的方法
2018/06/25 Python
美国内衣品牌:Leonisa
2016/08/14 全球购物
大学生怎样进行自我评价
2013/12/07 职场文书
社会实践感言
2014/01/25 职场文书
目标管理责任书
2014/04/15 职场文书
我爱读书演讲稿
2014/05/07 职场文书
法定代表人授权委托书范文
2014/09/22 职场文书
研究生个人学年总结
2015/02/14 职场文书
五一放假通知怎么写
2015/08/18 职场文书
JS ES6异步解决方案
2021/04/29 Javascript
Python 解决空列表.append() 输出为None的问题
2021/05/23 Python