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 相关文章推荐
return false,对阻止事件默认动作的一些测试代码
Nov 17 Javascript
浅析javascript闭包 实例分析
Dec 25 Javascript
stream.js 一个很小、完全独立的Javascript类库
Oct 28 Javascript
chrome不支持form.submit的解决方案
Apr 28 Javascript
简介可以自动完成UI的AngularJS工具angular-smarty
Jun 23 Javascript
jQuery采用连缀写法实现的折叠菜单效果
Sep 18 Javascript
js实现的奥运倒计时时钟效果代码
Dec 09 Javascript
vue使用keep-alive实现数据缓存不刷新
Oct 21 Javascript
vue中使用element ui的弹窗与echarts之间的问题详解
Oct 25 Javascript
ES6 Object.assign()的用法及其使用
Jan 18 Javascript
Vue实现input宽度随文字长度自适应操作
Jul 29 Javascript
详解JavaScript中分解数字的三种方法
Jan 05 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将时间差转换为字符串提示
2011/09/07 PHP
PHP彩蛋信息介绍和阻止泄漏的方法(隐藏功能)
2014/08/06 PHP
IOS 开发之NSDictionary转换成JSON字符串
2017/08/14 PHP
常用js脚本
2006/12/03 Javascript
通过Javascript将数据导出到外部Excel文档的函数代码
2012/06/15 Javascript
jQuery控制DIV层实现由大到小,由远及近动画变化效果
2015/10/09 Javascript
jQuery前端开发35个小技巧
2016/05/24 Javascript
浅谈js的url解析函数封装
2016/06/28 Javascript
Angular2 自定义validators的实现方法
2017/07/05 Javascript
Vue使用枚举类型实现HTML下拉框步骤详解
2018/02/05 Javascript
AngularJS使用$http配置对象方式与服务端交互方法
2018/08/13 Javascript
ES6知识点整理之对象解构赋值应用示例
2019/04/17 Javascript
Vue 之孙组件向爷组件通信的实现
2019/04/23 Javascript
js中的this的指向问题详解
2019/08/29 Javascript
javascript 原型与原型链的理解及应用实例分析
2020/02/10 Javascript
[02:25]DOTA2英雄基础教程 生死判决瘟疫法师
2013/12/06 DOTA
python k-近邻算法实例分享
2014/06/11 Python
Python常用小技巧总结
2015/06/01 Python
python和bash统计CPU利用率的方法
2015/07/10 Python
Python简单读取json文件功能示例
2017/11/30 Python
Python字典数据对象拆分的简单实现方法
2017/12/05 Python
python如何读写json数据
2018/03/21 Python
详解Html5原生拖拽操作
2018/01/12 HTML / CSS
利用HTML5实现使用按钮控制背景音乐开关
2015/09/21 HTML / CSS
前端使用canvas生成盲水印的加密解密的实现
2020/12/16 HTML / CSS
打架检讨书800字
2014/01/10 职场文书
初二政治教学反思
2014/01/12 职场文书
大学开学计划书
2014/04/30 职场文书
入党积极分子评语
2014/05/04 职场文书
2014迎国庆标语大全
2014/09/19 职场文书
大学生国家助学金感谢信
2015/01/23 职场文书
三方协议书
2015/01/27 职场文书
浅谈Python列表嵌套字典转化的问题
2021/04/07 Python
JavaScript 防篡改对象的用法示例
2021/04/24 Javascript
MySQ InnoDB和MyISAM存储引擎介绍
2022/04/26 MySQL
javascript进阶篇深拷贝实现的四种方式
2022/07/07 Javascript