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 new一个对象的实质
Jan 07 Javascript
jQuery Dialog 弹出层对话框插件
Aug 09 Javascript
js获取RadioButtonList的Value/Text及选中值等信息实现代码
Mar 05 Javascript
JavaScript弹出新窗口并控制窗口移动到指定位置的方法
Apr 06 Javascript
JS 动态加载js文件和css文件 同步/异步的两种简单方式
Sep 23 Javascript
jquery 删除节点 添加节点 找兄弟节点的简单实现
Dec 07 Javascript
为Jquery EasyUI 组件加上清除功能的方法(详解)
Apr 13 jQuery
详解AngularJs ui-router 路由的简单介绍
Apr 26 Javascript
ECMAscript 变量作用域总结概括
Aug 18 Javascript
react-native fetch的具体使用方法
Nov 01 Javascript
小程序二次贝塞尔曲线实现购物车商品曲线飞入效果
Jan 07 Javascript
vue图片上传组件使用详解
Dec 23 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中的超全局变量
2006/10/09 PHP
浅析application/x-www-form-urlencoded和multipart/form-data的区别
2014/06/22 PHP
PHP共享内存使用与信号控制实例分析
2018/05/09 PHP
PHP程序守护进程化实现方法详解
2020/07/16 PHP
如何用javascript控制上传文件的大小
2006/10/26 Javascript
原生javascript实现Tab选项卡切换功能
2015/01/12 Javascript
jQuery前端分页示例分享
2015/02/10 Javascript
jQuery的选择器中的通配符[id^='code']或[name^='code']及jquery选择器总结
2015/12/24 Javascript
基于jQuery实现音乐播放试听列表
2016/04/14 Javascript
jQuery前端开发35个小技巧
2016/05/24 Javascript
JavaScript实现自动切换图片代码
2016/10/11 Javascript
json数据处理及数据绑定
2017/01/25 Javascript
jQuery为某个div加入行样式
2017/06/09 jQuery
原生JS 购物车及购物页面的cookie使用方法
2017/08/21 Javascript
JavaScript基于对象方法实现数组去重及排序操作示例
2018/07/10 Javascript
微信小程序调用摄像头隐藏式拍照功能
2018/08/22 Javascript
ES6的Fetch异步请求的实现方法
2018/12/07 Javascript
vue实现局部刷新的实现示例
2019/04/16 Javascript
在vue项目中使用codemirror插件实现代码编辑器功能
2019/08/27 Javascript
JavaScript对象属性操作实例解析
2020/02/04 Javascript
Auto.JS实现抖音刷宝等刷视频app,自动点赞,自动滑屏,自动切换视频功能
2020/05/08 Javascript
react使用CSS实现react动画功能示例
2020/05/18 Javascript
[01:33]完美世界DOTA2联赛PWL S3 集锦第二期
2020/12/21 DOTA
Python程序设计入门(1)基本语法简介
2014/06/13 Python
你应该知道的python列表去重方法
2017/01/17 Python
Python可变参数用法实例分析
2017/04/02 Python
python实现控制台输出颜色
2021/03/02 Python
前后端结合实现amazeUI分页效果
2020/08/21 HTML / CSS
Myprotein蛋白粉美国官网:欧洲畅销运动营养品牌
2016/11/15 全球购物
采购类个人求职的自我评价
2014/02/18 职场文书
小学教师个人先进事迹材料
2014/05/17 职场文书
教师优秀党员事迹材料
2014/08/14 职场文书
保险公司岗前培训工作总结
2015/10/24 职场文书
会计手工模拟做账心得体会
2016/01/22 职场文书
描述鲁迅的名言整理,一生受用
2019/08/08 职场文书
pytest进阶教程之fixture函数详解
2021/03/29 Python