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 相关文章推荐
JavaScript的事件绑定(方便不支持js的时候)
Oct 01 Javascript
Array 重排序方法和操作方法的简单实例
Jan 24 Javascript
JQEasy-ui在IE9以下版本中二次加载的问题分析及处理方法
Jun 23 Javascript
jQuery固定浮动侧边栏实现思路及代码
Sep 28 Javascript
JS封装的选项卡TAB切换效果示例
Sep 20 Javascript
react.js CMS 删除功能的实现方法
Apr 17 Javascript
使用vue制作FullPage页面滚动效果
Aug 21 Javascript
Angular实现的简单定时器功能示例
Dec 28 Javascript
弱类型语言javascript开发中的一些坑实例小结【变量、函数、数组、对象、作用域等】
Aug 07 Javascript
Vue根据条件添加click事件的方式
Nov 09 Javascript
Vue通过Blob对象实现导出Excel功能示例代码
Jul 31 Javascript
Python机器学习之决策树和随机森林
Jul 15 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
FirePHP 推荐一款PHP调试工具
2011/04/23 PHP
基于OpenCart 开发支付宝,财付通,微信支付参数错误问题
2015/10/01 PHP
PHP INT类型在内存中占字节详解
2019/07/20 PHP
Thinkphp5.0 框架实现控制器向视图view赋值及视图view取值操作示例
2019/10/12 PHP
仿服务器端脚本方式的JS模板实现方法
2007/04/27 Javascript
JavaScript DOM 添加事件
2009/02/14 Javascript
Jquery弹出窗口插件 LeanModal的使用方法
2012/03/10 Javascript
JS+CSS制作DIV层可(最小化/拖拽/排序)功能实现代码
2013/02/25 Javascript
jquery+css+ul模拟列表菜单具体实现思路
2013/04/15 Javascript
基于jquery实现的省市区级联无ajax
2013/09/24 Javascript
javascript动态向网页中添加表格实现代码
2014/02/19 Javascript
JS实现仿Windows经典风格的选项卡Tab切换代码
2015/10/20 Javascript
JavaScript实现倒计时代码段Item1(非常实用)
2015/11/03 Javascript
jQuery中clone()函数实现表单中增加和减少输入项
2017/05/13 jQuery
微信小程序联网请求的轮播图
2017/07/07 Javascript
Vue自定义事件(详解)
2017/08/19 Javascript
阿里大于短信验证码node koa2的实现代码(最新)
2017/09/07 Javascript
详解一个基于套接字实现长连接的express
2019/03/28 Javascript
解决Layui当中的导航条动态添加后渲染失败的问题
2019/09/25 Javascript
[02:41]辉夜杯现场一家三口 “我爸玩风行 我玩血魔”
2015/12/27 DOTA
如何优雅地处理Django中的favicon.ico图标详解
2018/07/05 Python
整理HTML5中表单的常用属性及新属性
2016/02/19 HTML / CSS
IRO美国官网:法国服装品牌
2018/03/06 全球购物
美国领先的家庭智能音响系统品牌:Sonos
2018/07/20 全球购物
MYPROTEIN澳大利亚官方网站:欧洲运动营养品牌
2019/06/26 全球购物
优秀教师演讲稿
2014/05/06 职场文书
演讲稿格式范文
2014/05/19 职场文书
社区反邪教工作方案
2014/06/16 职场文书
重阳节活动总结
2014/08/27 职场文书
廉政教育的心得体会
2014/09/01 职场文书
2015年基层党组织公开承诺书
2015/01/21 职场文书
Django debug为True时,css加载失败的解决方案
2021/04/24 Python
Python还能这么玩之只用30行代码从excel提取个人值班表
2021/06/05 Python
python区块链实现简版工作量证明
2022/05/25 Python
使用CSS定位HTML元素的实现方法
2022/07/07 HTML / CSS
Nginx如何限制IP访问只允许特定域名访问
2022/07/23 Servers