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 相关文章推荐
比较搞笑的js陷阱题
Feb 07 Javascript
JavaScript 弹出窗体点击按钮返回选择数据的实现
Apr 01 Javascript
js获取location.href的参数实例代码
Aug 02 Javascript
javascript trim函数在IE下不能用的解决方法
Sep 12 Javascript
jQuery中is()方法用法实例
Jan 06 Javascript
JQuery显示隐藏DIV的方法及代码实例
Apr 16 Javascript
购物车前端开发(jQuery和bootstrap3)
Aug 27 Javascript
概述VUE2.0不可忽视的很多变化
Sep 25 Javascript
Ajax基础知识详解
Feb 17 Javascript
vue源码解析之事件机制原理
Apr 21 Javascript
layer弹出层全屏及关闭方法
Aug 17 Javascript
JS实现悬浮球只在一侧滑动并且是横屏状态下
Aug 19 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 调试利器debug_print_backtrace()
2012/07/23 PHP
PHP第三方登录―QQ登录实现方法
2017/02/06 PHP
Laravel使用PHPQRCODE实现生成带有LOGO的二维码图片功能示例
2017/07/07 PHP
php中如何执行linux命令详解
2018/11/06 PHP
Yii框架实现对数据库的CURD操作示例
2019/09/03 PHP
js function定义函数使用心得
2010/04/15 Javascript
js禁止小键盘输入数字功能代码
2011/08/01 Javascript
如何防止回车(enter)键提交表单
2014/05/11 Javascript
直接拿来用的15个jQuery代码片段
2015/09/23 Javascript
JS+CSS实现闪烁字体效果代码
2016/04/05 Javascript
JS、jQuery中select的用法详解
2016/04/21 Javascript
Vue.js展示AJAX数据简单示例讲解
2017/03/29 Javascript
bootstrap3-dialog-master模态框使用详解
2017/08/22 Javascript
react-native使用leanclound消息推送的方法
2018/08/06 Javascript
vue获取元素宽、高、距离左边距离,右,上距离等还有XY坐标轴的方法
2018/09/05 Javascript
JavaScript高阶教程之“==”隐藏下的类型转换
2019/04/11 Javascript
生成无限制的微信小程序码的示例代码
2019/09/20 Javascript
解决vue组件没显示,没起作用,没报错,但该显示的组件没显示问题
2020/09/02 Javascript
JavaScript实现通讯录功能
2020/12/27 Javascript
python利用itertools生成密码字典并多线程撞库破解rar密码
2019/08/12 Python
详解Python time库的使用
2019/10/10 Python
Python实现图像的垂直投影示例
2020/01/17 Python
matplotlib quiver箭图绘制案例
2020/04/17 Python
Python爬取12306车次信息代码详解
2020/08/12 Python
python中@property的作用和getter setter的解释
2020/12/22 Python
CSS3+Sprite实现僵尸行走动画特效源码
2016/01/27 HTML / CSS
DJI大疆无人机官方商城:全球领先的无人飞行器研发和生产商
2016/12/21 全球购物
linux比较文件内容的命令是什么
2013/03/04 面试题
中专生的个人自我评价
2013/12/11 职场文书
简单的项目建议书模板
2014/03/12 职场文书
经济职业学院毕业生自荐书
2014/03/17 职场文书
活动总结报告怎么写
2014/07/03 职场文书
“向国旗敬礼”主题班会活动设计方案
2014/09/27 职场文书
2015初中政治教学工作总结
2015/07/21 职场文书
公司员工宿舍管理制度
2015/08/03 职场文书
PHP策略模式写法
2021/04/01 PHP