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实现UrlEncode和UrlDecode的脚本代码
Jul 23 Javascript
innerhtml用法 innertext用法 以及innerHTML与innertext的区别
Oct 26 Javascript
formValidator3.3的ajaxValidator一些异常分析
Jul 12 Javascript
JS实现仿百度输入框自动匹配功能的示例代码
Feb 19 Javascript
JavaScript控制网页层收起和展开效果的方法
Apr 15 Javascript
jQuery实现鼠标经过时高亮,同时其他同级元素变暗的效果
Sep 18 Javascript
Jquery uploadify 多余的Get请求(404错误)的解决方法
Jan 26 Javascript
微信小程序 扎金花简单实例
Feb 21 Javascript
Angular5升级RxJS到5.5.3报错:EmptyError: no elements in sequence的解决方法
Apr 09 Javascript
优雅地使用loading(推荐)
Apr 20 Javascript
高效jQuery选择器的5个技巧实例分析
Nov 26 jQuery
云服务器部署Node.js项目的方法步骤(小白系列)
Mar 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
PHP数据库链接类(PDO+Access)实例分享
2013/12/05 PHP
thinkphp5+layui实现的分页样式示例
2019/10/08 PHP
Yii 框架入口脚本示例分析
2020/05/19 PHP
Sample script that deletes a SQL Server database
2007/06/16 Javascript
IE与firefox之jquery用法区别
2008/10/03 Javascript
Js 随机数产生6位数字
2010/05/13 Javascript
js调用AJAX时Get和post的乱码解决方法
2013/06/04 Javascript
js使用栈来实现10进制转8进制与取除数及余数
2014/06/11 Javascript
zeroclipboard 单个复制按钮和多个复制按钮的实现方法
2014/06/14 Javascript
JS基于FileSystemObject创建一个指定路径的TXT文本文件
2015/08/05 Javascript
JS实现的自定义显示加载等待图片插件(loading.gif)
2016/06/17 Javascript
深入浅析JavaScript中的scrollTop
2016/07/11 Javascript
JS数组搜索之折半搜索实现方法分析
2017/03/27 Javascript
详解微信小程序设置底部导航栏目方法
2017/06/29 Javascript
用vuex写了一个购物车H5页面的示例代码
2018/12/04 Javascript
JQuery实现ul中添加LI和删除指定的Li元素功能完整示例
2019/10/16 jQuery
使用webpack5从0到1搭建一个react项目的实现步骤
2020/12/16 Javascript
python解析html开发库pyquery使用方法
2014/02/07 Python
python连接远程ftp服务器并列出目录下文件的方法
2015/04/01 Python
Python中exit、return、sys.exit()等使用实例和区别
2015/05/28 Python
举例讲解Linux系统下Python调用系统Shell的方法
2015/11/07 Python
Python字符编码判断方法分析
2016/07/01 Python
python实现类之间的方法互相调用
2018/04/29 Python
Python统计python文件中代码,注释及空白对应的行数示例【测试可用】
2018/07/25 Python
浅述python中深浅拷贝原理
2018/09/18 Python
python实现网站微信登录的示例代码
2019/09/18 Python
Python如何合并多个字典或映射
2020/07/24 Python
如何用Anaconda搭建虚拟环境并创建Django项目
2020/08/02 Python
新百伦折扣店:Joe’s New Balance Outlet
2016/08/20 全球购物
飞利信loadrunner和软件测试笔试题
2012/09/22 面试题
购房意向书
2014/08/30 职场文书
迎国庆横幅标语
2014/10/08 职场文书
大学生个人学年总结
2015/02/15 职场文书
本科毕业论文致谢词
2015/05/14 职场文书
一文搞懂MySQL索引页结构
2022/02/28 MySQL