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 相关文章推荐
node.js中的events.emitter.removeAllListeners方法使用说明
Dec 10 Javascript
谈谈我对JavaScript中typeof和instanceof的深入理解
Dec 25 Javascript
Angularjs material 实现搜索框功能
Mar 08 Javascript
基于jquery实现轮播特效
Apr 22 Javascript
bootstrap快速制作后台界面
Dec 05 Javascript
jQuery实现圣诞节礼物传送(花式轮播)
Dec 25 Javascript
JavaScript中利用for循环遍历数组
Jan 15 Javascript
json数据处理及数据绑定
Jan 25 Javascript
浅析JS中的 map, filter, some, every, forEach, for in, for of 用法总结
Mar 29 Javascript
jQuery操作css样式
May 15 jQuery
Node.js  事件循环详解及实例
Aug 06 Javascript
JavaScript数组方法的错误使用例子
Sep 13 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+SQL 注入攻击的技术实现以及预防办法
2011/01/27 PHP
apache和php之间协同工作的配置经验分享
2013/04/08 PHP
php导入csv文件碰到乱码问题的解决方法
2014/02/10 PHP
PHP对文件夹递归执行chmod命令的方法
2015/06/19 PHP
如何在旧的PHP系统中使用PHP 5.3之后的库
2015/12/02 PHP
phpStudy中升级MySQL版本到5.7.17的方法步骤
2017/08/03 PHP
phpStudy配置多站点多域名和多端口的方法
2017/09/01 PHP
php基于协程实现异步的方法分析
2019/07/17 PHP
Yii 实现数据加密和解密
2021/03/09 PHP
比较简单的一个符合web标准的JS调用flash方法
2007/11/29 Javascript
Javascript 中的 &amp;&amp; 和 || 使用小结
2010/04/25 Javascript
ExtJs Excel导出并下载IIS服务器端遇到的问题
2011/09/16 Javascript
JQuery入门——用bind方法绑定事件处理函数应用介绍
2013/02/05 Javascript
JQuery控制Radio选中方法分析
2015/05/29 Javascript
layer弹出层全屏及关闭方法
2018/08/17 Javascript
ES6 class的应用实例分析
2019/06/27 Javascript
vue中使用vue-print.js实现多页打印
2020/03/05 Javascript
原生js实现表格循环滚动
2020/11/24 Javascript
vue监听滚动事件的方法
2020/12/21 Vue.js
Python全局变量操作详解
2015/04/14 Python
python实现提取百度搜索结果的方法
2015/05/19 Python
Django中的用户身份验证示例详解
2019/08/07 Python
flask框架url与重定向操作实例详解
2020/01/25 Python
matplotlib基础绘图命令之errorbar的使用
2020/08/13 Python
菲律宾旅游网站:Expedia菲律宾
2017/10/11 全球购物
在什么时候需要使用"常引用"
2015/12/31 面试题
打架检讨书50字
2014/01/11 职场文书
工会主席岗位责任制
2014/02/11 职场文书
《玩具柜台前的孩子》教学反思
2014/02/13 职场文书
教师优秀党员事迹材料
2014/08/14 职场文书
物理课外活动总结
2014/08/27 职场文书
反对形式主义、官僚主义、享乐主义和奢靡之风整改措施
2014/09/17 职场文书
情侣之间的道歉短信
2015/05/12 职场文书
java Nio使用NioSocket客户端与服务端交互实现方式
2021/06/15 Java/Android
R9700摩机记
2022/04/05 无线电
正则表达式基础与常用验证表达式
2022/06/16 Javascript