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 相关文章推荐
根据鼠标的位置动态的控制层的位置
Nov 24 Javascript
jquery实现奇偶行赋值不同css值
Feb 17 Javascript
jQuery实现用方向键控制层的上下左右移动
Jan 13 Javascript
JavaScript创建类/对象的几种方式概述及实例
May 06 Javascript
原生javaScript做得动态表格(注释写的很清楚)
Dec 29 Javascript
js限制文本框的输入内容代码分享(3类)
Aug 20 Javascript
angular route中使用resolve在uglify压缩后问题解决
Sep 21 Javascript
实现easyui的datagrid导出为excel的示例代码
Nov 10 Javascript
javascript图片预览和上传(兼容IE)
Mar 15 Javascript
Angular 4 指令快速入门教程
Jun 07 Javascript
Vue 动态组件components和v-once指令的实现
Aug 30 Javascript
JS桶排序的简单理解与实现方法示例
Nov 25 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 Zip解压 文件在线解压缩的函数代码
2010/05/26 PHP
PHP动态编译出现Cannot find autoconf的解决方法
2014/11/05 PHP
php常用文件操作函数汇总
2014/11/22 PHP
PHP curl模拟登录带验证码的网站
2015/11/30 PHP
Yii2实现中国省市区三级联动实例
2017/02/08 PHP
yii2.0整合阿里云oss的示例代码
2017/09/19 PHP
php用户名的密码加密更安全的方法
2019/06/21 PHP
Javascript开发包大全整理
2006/12/22 Javascript
this[] 指的是什么内容 讨论
2007/03/24 Javascript
js特效,页面下雪的小例子
2013/06/17 Javascript
JQuery中的事件及动画用法实例
2015/01/26 Javascript
jQuery使用animate创建动画用法实例
2015/08/07 Javascript
AngularJS基础 ng-submit 指令简单示例
2016/08/03 Javascript
Bootstrap Search Suggest使用例子
2016/12/21 Javascript
Vue 父子组件、组件间通信
2017/03/08 Javascript
Nuxt.js的路由跳转操作(页面跳转nuxt-link)
2020/11/06 Javascript
python实现RSA加密(解密)算法
2016/02/17 Python
使用python获取csv文本的某行或某列数据的实例
2018/04/03 Python
python获取当前目录路径和上级路径的实例
2018/04/26 Python
Python3实现统计单词表中每个字母出现频率的方法示例
2019/01/28 Python
在Python运行时动态查看进程内部信息的方法
2019/02/22 Python
Python有参函数使用代码实例
2020/01/06 Python
selenium+python配置chrome浏览器的选项的实现
2020/03/18 Python
Django调用支付宝接口代码实例详解
2020/04/04 Python
Python 利用OpenCV给照片换底色的示例代码
2020/08/03 Python
巴西电子、家电、智能手机购物网站:Girafa
2019/06/04 全球购物
vue+django实现下载文件的示例
2021/03/24 Vue.js
大学毕业登记表自我鉴定
2013/10/09 职场文书
管理信息系学生的自我评价
2014/01/11 职场文书
承办会议欢迎词
2014/01/17 职场文书
大学生毕业求职信
2014/06/12 职场文书
2014五年级班主任工作总结
2014/12/05 职场文书
2016母亲节感恩话语
2015/12/09 职场文书
mybatis源码解读之executor包语句处理功能
2022/02/15 Java/Android
springboot读取resources下文件的方式详解
2022/06/21 Java/Android