脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → js date 格式化

js date 格式化

 更新时间：2017年02月15日 14:05:36   作者：咚咚酱  
本文将以yyyy-MM-dd HH:mm:ss为例介绍js date 格式化的相关知识。具有很好的参考价值，下面跟着小编一起来看下吧

以这个为例：    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>

以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持脚本之家！

您可能感兴趣的文章:

相关文章

  • 深入理解js A*寻路算法原理与具体实现过程

    深入理解js A*寻路算法原理与具体实现过程

    这篇文章主要介绍了js A*寻路算法原理与具体实现过程,结合实例形式详细分析了A*寻路算法的具体概念、原理、实现方法与相关操作技巧,需要的朋友可以参考下
    2018-12-12
  • Dom加载让图片加载完再执行的脚本代码

    Dom加载让图片加载完再执行的脚本代码

    当大家使用window.onload执行一个函数时，必须要等到页面上的图片等信息全部加载完毕之后才执行的。但很多时候图片的数量比较多，所以需要很多时间下载。更令人尴尬的是，当网页文档（或者说Dom）已经加载完毕,而图片尚未加载完毕，很多用户已经开始浏览网页，但这时很多由window.onload所触发的函数不能执行，这就导致一部分功能不能完美地给用户使用，更严重的是会给用户留下不好的印象！
    2008-05-05
  • uni-app应用配置manifest.json最全最详细配置

    uni-app应用配置manifest.json最全最详细配置

    这篇文章主要给大家介绍了关于uni-app应用配置manifest.json最全最详细配置,manifest.json文件是UniApp开发中用来配置应用信息的重要文件,文中通过代码介绍的非常详细,需要的朋友可以参考下
    2024-01-01
  • mpvue网易云短信接口实现小程序短信登录的示例代码

    mpvue网易云短信接口实现小程序短信登录的示例代码

    这篇文章主要介绍了mpvue网易云短信接口实现小程序短信登录的示例代码，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
    2020-04-04
  • js轮播图透明度切换（带上下页和底部圆点切换）

    js轮播图透明度切换（带上下页和底部圆点切换）

    本篇文章主要介绍了js轮播图透明度切换（带上下页和底部圆点切换）的实例。具有很好的参考价值。下面跟着小编一起来看下吧
    2017-04-04
  • 关于JS变量和作用域详解

    关于JS变量和作用域详解

    下面小编就为大家带来一篇关于JS变量和作用域详解。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2016-07-07
  • JS实现简单面向对象的颜色选择器实例

    JS实现简单面向对象的颜色选择器实例

    这篇文章主要介绍了JS实现简单面向对象的颜色选择器,以完整实例形式分析了JavaScript基于面向对象实现颜色选择器的具体步骤与实现技巧,需要的朋友可以参考下
    2016-04-04
  • 批量实现面向对象的实例代码

    批量实现面向对象的实例代码

    本文为大家详细介绍下面向对象的继承以及如何实现批量实现面向对象，感兴趣的可以参考下哈，希望对大家有所帮助
    2013-07-07
  • js AppendChild与insertBefore用法详细对比

    js AppendChild与insertBefore用法详细对比

    本篇文章主要是对js中AppendChild与insertBefore的用法进行了详细的对比。需要的朋友可以过来参考下，希望对大家有所帮助
    2013-12-12
  • 浅谈JS中几种轻松处理''this''指向方式

    浅谈JS中几种轻松处理''this''指向方式

    这篇文章主要介绍了浅谈JS中几种轻松处理'this'指向方式，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
    2019-09-09

最新评论