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实现的鼠标链接提示效果生成器代码
Jun 28 Javascript
javascript ie6兼容position:fixed实现思路
Apr 01 Javascript
JS通过分析userAgent属性来判断浏览器的类型及版本
Mar 28 Javascript
玩转方法:call和apply
May 08 Javascript
jQuery ajax提交Form表单实例(附demo源码)
Apr 06 Javascript
JQuery中解决重复动画的方法
Oct 17 Javascript
利用JS实现点击按钮后图片自动切换的简单方法
Oct 24 Javascript
JS求解三元一次方程组值的方法
Jan 03 Javascript
微信小程序 空白页重定向解决办法
Jun 27 Javascript
Vue.js点击切换按钮改变内容的实例讲解
Aug 22 Javascript
webpack 静态资源集中输出的方法示例
Nov 09 Javascript
js实现简单的轮播图效果
Dec 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实例分享之二维数组排序
2014/05/15 PHP
PHP递归复制、移动目录的自定义函数分享
2014/11/18 PHP
PHP 下载文件时如何自动添加bom头及解释BOM头和去掉bom头的方法
2016/01/04 PHP
php实现的错误处理封装类实例
2017/06/20 PHP
PHP实现数组根据某个字段进行水平合并,横向合并案例分析
2019/10/08 PHP
node.js学习总结之调式代码的方法
2014/06/25 Javascript
nodejs之请求路由概述
2014/07/05 NodeJs
jquery中checkbox全选失效的解决方法
2014/12/26 Javascript
深入浅析JavaScript中的arguments对象(强力推荐)
2016/06/03 Javascript
jQuery实现的导航下拉菜单效果
2016/07/04 Javascript
关于JS中二维数组的声明方法
2016/09/24 Javascript
Web开发中客户端的跳转与服务器端的跳转的区别
2017/03/05 Javascript
jQuery插件之validation插件
2017/03/29 jQuery
图片文字识别(OCR)插件Ocrad.js教程
2018/11/26 Javascript
vue.js实现数据库的JSON数据输出渲染到html页面功能示例
2019/08/03 Javascript
浅谈vue 锚点指令v-anchor的使用
2019/11/13 Javascript
vue自定义标签和单页面多路由的实现代码
2020/05/03 Javascript
python 算法 排序实现快速排序
2012/06/05 Python
python概率计算器实例分析
2015/03/25 Python
Python自定义scrapy中间模块避免重复采集的方法
2015/04/07 Python
Python图像处理之直线和曲线的拟合与绘制【curve_fit()应用】
2018/12/26 Python
Python两个字典键同值相加的几种方法
2019/03/05 Python
Python+appium框架原生代码实现App自动化测试详解
2020/03/06 Python
Python安装并操作redis实现流程详解
2020/10/13 Python
美国木工工具和用品商店:Woodcraft
2019/10/30 全球购物
几个人围成一圈的问题
2013/09/26 面试题
电信专业毕业生推荐信
2013/11/18 职场文书
青春励志演讲稿范文
2014/08/25 职场文书
银行党的群众路线教育实践活动对照检查材料
2014/09/25 职场文书
党的群众路线对照检查材料思想汇报
2014/09/25 职场文书
2014年工作总结及2015工作计划
2014/12/12 职场文书
大学生团支书竞选稿
2015/11/21 职场文书
2019经典广告词集锦!
2019/07/02 职场文书
解决MultipartFile.transferTo(dest) 报FileNotFoundExcep的问题
2021/07/01 Java/Android
ORM模型框架操作mysql数据库的方法
2021/07/25 MySQL
MySQL学习之基础操作总结
2022/03/19 MySQL