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判断HTML元素是否存在的两种解决方法
Dec 26 Javascript
JQuery打造省市下拉框联动效果
May 18 Javascript
JQuery中serialize() 序列化
Mar 13 Javascript
JavaScript中apply方法的应用技巧小结
Sep 29 Javascript
JS验证 只能输入小数点,数字,负数的实现方法
Oct 07 Javascript
原生js实现网易轮播图效果
Apr 10 Javascript
表格展示利器 Bootstrap Table实例代码
Sep 06 Javascript
vue给组件传递不同的值方法
Sep 29 Javascript
JS与SQL方式随机生成高强度密码示例
Dec 29 Javascript
Node.js如何对SQLite的async/await封装详解
Feb 14 Javascript
基于Vue中使用节流Lodash throttle详解
Oct 30 Javascript
JavaScript实现拖拽功能
Feb 11 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中使用与Perl兼容的正则表达式
2006/11/26 PHP
PHP简单系统数据添加以及数据删除模块源文件下载
2008/06/07 PHP
一些使用频率比较高的php函数
2008/10/03 PHP
20个PHP常用类库小结
2011/09/11 PHP
php 常用算法和时间复杂度
2013/07/01 PHP
php+mysqli预处理技术实现添加、修改及删除多条数据的方法
2015/01/30 PHP
ThinkPHP控制器详解
2015/07/27 PHP
jQuery.getScript加载同域JS的代码
2012/02/13 Javascript
bootstrap改变按钮加载状态
2014/12/01 Javascript
window.open()实现post传递参数
2015/03/12 Javascript
JS实用的带停顿的逐行文本循环滚动效果实例
2016/11/23 Javascript
JS获取浮动(float)元素的style.left值为空的快速解决办法
2017/02/19 Javascript
微信小程序开发之相册选择和拍照详解及实例代码
2017/02/22 Javascript
JS字符串统计操作示例【遍历,截取,输出,计算】
2017/03/27 Javascript
vue2 中如何实现动态表单增删改查实例
2017/06/09 Javascript
详解基于Bootstrap+angular的一个豆瓣电影app
2017/06/26 Javascript
详解webpack 多页面/入口支持&amp;公共组件单独打包
2017/06/29 Javascript
关于Ajax的原理以及代码封装详解
2017/09/08 Javascript
layui的table中显示图片方法
2018/08/17 Javascript
vue调试工具vue-devtools安装及使用方法
2018/11/07 Javascript
利用vue重构有赞商城的思路以及总结整理
2019/02/21 Javascript
vue中格式化时间过滤器代码实例
2019/04/17 Javascript
JS计算两个数组的交集、差集、并集、补集(多种实现方式)
2019/05/21 Javascript
vue集成kindeditor富文本的实现示例代码
2019/06/07 Javascript
解决vue 给window添加和移除resize事件遇到的坑
2020/07/21 Javascript
使用python脚本实现查询火车票工具
2018/07/19 Python
Python分布式进程中你会遇到的问题解析
2019/05/28 Python
印度第一网上礼品店:IGP.com
2020/02/06 全球购物
婚庆公司计划书
2014/09/15 职场文书
群众路线表态发言材料
2014/10/17 职场文书
公司股份转让协议书范本
2015/01/28 职场文书
开国大典观后感
2015/06/04 职场文书
百年校庆宣传标语口号
2015/12/26 职场文书
幼儿园教师心得体会范文
2016/01/21 职场文书
nginx常用命令放入shell脚本详解
2021/03/31 Servers
python元组打包和解包过程详解
2021/08/02 Python