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二维数组的定义说明
Mar 03 Javascript
JavaScript常用的返回,自动跳转,刷新,关闭语句汇总
Jan 13 Javascript
JQuery radio(单选按钮)操作方法汇总
Apr 15 Javascript
jQuery()方法的第二个参数详解
Apr 29 Javascript
微信小程序 天气预报开发实例代码源码
Jan 20 Javascript
javascript 显示全局变量与隐式全局变量的区别
Feb 09 Javascript
Bootstrap3 多个模态对话框无法显示的解决方案
Feb 23 Javascript
原生js实现吸顶效果
Mar 13 Javascript
微信小程序实现折叠展开效果
Jul 19 Javascript
微信小程序按钮去除边框线分享页面功能
Aug 27 Javascript
Vue 页面权限控制和登陆验证功能的实例代码
Jun 20 Javascript
Vue 实现CLI 3.0 + momentjs + lodash打包时优化
Nov 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 文件上传代码(限制jpg文件)
2010/01/05 PHP
php生成随机密码的三种方法小结
2010/09/04 PHP
php模块memcache和memcached区别分析
2011/06/14 PHP
Codeigniter实现处理用户登录验证后的URL跳转
2014/06/12 PHP
推荐几个开源的微信开发项目
2014/12/28 PHP
PHP实时统计中文字数和区别
2019/02/28 PHP
基于Jquery的回车成tab焦点切换效果代码(Enter To Tab )
2010/11/14 Javascript
三级下拉菜单的js实现代码
2011/05/23 Javascript
工作需要写的一个js拖拽组件
2011/07/28 Javascript
在javascript中对于DOM的加强
2013/04/11 Javascript
js控制表单奇偶行样式的简单方法
2013/07/31 Javascript
如何在父窗口中得知window.open()出的子窗口关闭事件
2013/10/15 Javascript
绑定回车enter事件代码
2014/05/18 Javascript
JavaScript阻止浏览器返回按钮的方法
2015/03/18 Javascript
JavaScript事件代理和委托详解
2016/04/08 Javascript
利用Javascript实现BMI计算器
2016/08/16 Javascript
jQuery中slidedown与slideup方法用法示例
2016/09/16 Javascript
JavaScript基于对象去除数组重复项的方法
2016/10/09 Javascript
jQuery进阶实践之利用最优雅的方式如何写ajax请求
2017/12/20 jQuery
vue自定义正在加载动画的例子
2019/11/14 Javascript
Element InfiniteScroll无限滚动的具体使用方法
2020/07/27 Javascript
JS将指定的某个字符全部转换为其他字符实例代码
2020/10/13 Javascript
[05:31]DOTA2英雄梦之声_第04期_光之守卫
2014/06/23 DOTA
如何用Python实现简单的Markdown转换器
2018/07/16 Python
PyCharm使用Docker镜像搭建Python开发环境
2019/12/26 Python
Python xpath表达式如何实现数据处理
2020/06/13 Python
python 如何使用find和find_all爬虫、找文本的实现
2020/10/16 Python
德国狗狗用品在线商店:Schecker
2017/03/17 全球购物
Crocs美国官方网站:卡骆驰洞洞鞋
2017/08/04 全球购物
美国亚马逊旗下时尚女装网店:SHOPBOP(支持中文)
2020/10/17 全球购物
医学毕业生自我鉴定
2013/10/30 职场文书
普师专业个人自荐信范文
2013/11/26 职场文书
关于打架的检讨书
2014/01/17 职场文书
七夕相亲活动策划方案
2014/08/31 职场文书
在redisCluster中模糊获取key方式
2021/07/09 Redis