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文字滚动停顿效果代码
Jun 28 Javascript
js window.onload 加载多个函数的方法
Nov 02 Javascript
关于Jqzoom的使用心得 jquery放大镜效果插件
Apr 12 Javascript
javascript调试说明
Jun 07 Javascript
jquery获取radio值实例
Oct 16 Javascript
JavaScript模拟重力状态下抛物运动的方法
Mar 03 Javascript
jQuery里filter()函数与find()函数用法分析
Jun 24 Javascript
js导出excel文件的简洁方法(推荐)
Nov 02 Javascript
在AngularJs中设置请求头信息(headers)的方法及不同方法的比较
Sep 04 Javascript
如何在Angular应用中创建包含组件方法示例
Mar 23 Javascript
jQuery 移除事件的方法
Jun 20 jQuery
vue 表单输入框不支持focus及blur事件的解决方案
Nov 17 Vue.js
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实现选择排序的解决方法
2013/05/04 PHP
PHP扩展模块Pecl、Pear以及Perl的区别
2014/04/09 PHP
php使用array_rand()函数从数组中随机选择一个或多个元素
2014/04/28 PHP
php中的动态调用实例分析
2015/01/07 PHP
js过滤数组重复元素的方法
2010/09/05 Javascript
jQuery操作select的实例代码
2012/06/14 Javascript
js 获取后台的字段 改变 checkbox的被选中的状态 代码
2013/06/05 Javascript
jQuery实现平滑滚动到指定锚点的方法
2015/03/20 Javascript
jQuery实现文本框输入同步的方法
2015/06/20 Javascript
浅谈JavaScript超时调用和间歇调用
2015/08/30 Javascript
基于insertBefore制作简单的循环插空效果
2015/09/21 Javascript
实现非常简单的js双向数据绑定
2015/11/06 Javascript
javascript显示倒计时控制按钮的简单实现
2016/06/07 Javascript
Angular 应用技巧总结
2016/09/14 Javascript
js实现5秒倒计时重新发送短信功能
2017/02/05 Javascript
用JS实现根据当前时间随机生成流水号或者订单号
2018/05/31 Javascript
vue + any-touch实现一个iscroll 实现拖拽和滑动动画效果
2019/04/08 Javascript
利用es6 new.target来对模拟抽象类的方法
2019/05/10 Javascript
在Vue中使用this.$store或者是$route一直报错的解决
2019/11/08 Javascript
js抽奖转盘实现方法分析
2020/05/16 Javascript
JavaScript浅层克隆与深度克隆示例详解
2020/09/01 Javascript
vue3为什么要用proxy替代defineProperty
2020/10/19 Javascript
jQuery实现动态向上滚动
2020/12/21 jQuery
使用Python的Bottle框架写一个简单的服务接口的示例
2015/08/25 Python
Win10下Python环境搭建与配置教程
2016/11/18 Python
提升Python效率之使用循环机制代替递归函数
2019/07/23 Python
python函数的万能参数传参详解
2019/07/26 Python
基于Python-Pycharm实现的猴子摘桃小游戏(源代码)
2021/02/20 Python
美国现代家具购物网站:LexMod
2019/01/09 全球购物
俄罗斯第一家篮球店:StreetBall
2020/07/30 全球购物
北京天润融通.net面试题笔试题
2012/02/20 面试题
公交公司毕业生求职信
2014/02/15 职场文书
庆六一文艺汇演活动方案
2014/08/26 职场文书
朋友聚会开场白
2015/06/01 职场文书
python中的plt.cm.Paired用法说明
2021/05/31 Python
Python操作CSV格式文件的方法大全
2021/07/15 Python