`
java032
  • 浏览: 84747 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

Javascript格式化日期显示

阅读更多
/*
  将String类型解析为Date类型.
  parseDate('2006-1-1') return new Date(2006,0,1)
  parseDate(' 2006-1-1 ') return new Date(2006,0,1)
  parseDate('2006-1-1 15:14:16') return new Date(2006,0,1,15,14,16)
  parseDate(' 2006-1-1 15:14:16 ') return new Date(2006,0,1,15,14,16);
  parseDate('2006-1-1 15:14:16.254') return new Date(2006,0,1,15,14,16,254)
  parseDate(' 2006-1-1 15:14:16.254 ') return new Date(2006,0,1,15,14,16,254)
  parseDate('不正确的格式') retrun null
*/
function parseDate(str){
  if(typeof str == 'string'){
    var results = str.match(/^ *(\d{4})-(\d{1,2})-(\d{1,2}) *$/);
    if(results && results.length>3)
      return new Date(parseInt(results[1]),parseInt(results[2]) -1,parseInt(results[3]));
    results = str.match(/^ *(\d{4})-(\d{1,2})-(\d{1,2}) +(\d{1,2}):(\d{1,2}):(\d{1,2}) *$/);
    if(results && results.length>6)
      return new Date(parseInt(results[1]),parseInt(results[2]) -1,parseInt(results[3]),parseInt(results[4]),parseInt(results[5]),parseInt(results[6]));
    results = str.match(/^ *(\d{4})-(\d{1,2})-(\d{1,2}) +(\d{1,2}):(\d{1,2}):(\d{1,2})\.(\d{1,9}) *$/);
    if(results && results.length>7)
      return new Date(parseInt(results[1]),parseInt(results[2]) -1,parseInt(results[3]),parseInt(results[4]),parseInt(results[5]),parseInt(results[6]),parseInt(results[7]));
  }
  return null;
}

/*
  将Date/String类型,解析为String类型.
  传入String类型,则先解析为Date类型
  不正确的Date,返回 ''
  如果时间部分为0,则忽略,只返回日期部分.
*/
function formatDate(v){
  if(typeof v == 'string') v = parseDate(v);
  if(v instanceof Date){
    var y = v.getFullYear();
    var m = v.getMonth() + 1;
    var d = v.getDate();
    var h = v.getHours();
    var i = v.getMinutes();
    var s = v.getSeconds();
    var ms = v.getMilliseconds(); 
    if(ms>0) return y + '-' + m + '-' + d + ' ' + h + ':' + i + ':' + s + '.' + ms;
    if(h>0 || i>0 || s>0) return y + '-' + m + '-' + d + ' ' + h + ':' + i + ':' + s;
    return y + '-' + m + '-' + d;
  }
  return '';
}
分享到:
评论

相关推荐

    js通用日期格式化工具 date.js

    js通用日期格式化工具,直接引用该工具类就可以使用,方便快捷,建议大家收藏此工具类,该工具很好的解决了前端页面显示日期格式问题

    【JavaScript源代码】vue使用过滤器格式化日期.docx

    vue使用过滤器格式化日期  本文实例为大家分享了vue使用过滤器格式化日期的具体代码,供大家参考,具体内容如下 1、查看未过滤格式化的日期格式 2、设置模板函数format 接收日期值和日期格式 3、按照日期格式对...

    javascript日期格式化方法小结

    主要介绍了javascript日期格式化方法,实例总结了JavaScript针对日期与时间的格式化操作技巧,具有一定参考借鉴价值,需要的朋友可以参考下

    Javascript日期格式化format函数的使用方法

    主要介绍的是javascript时间格式format函数,我们有时候调用的new Date()不是格式化的时间,可能显示不是很正常,那么这时候就需要格式化时间,今天这里分享一个javascript的foramt()函数,有需要的可以参考借鉴。

    源代码自动格式化SourceFormatX

    SourceFormatX 让您敢于面对混乱的...它可以快速大批量地格式化和美化多种源代码,这将会大大加快阁下的项目进度,提高团队协同工作效率,节约大量的时间,并统一了该项目所有代码的风格,利于以后维护和发布风格统一代

    JavaScript日期处理类库Moment.js.zip

    Moment.js 是一个简单易用的轻量级JavaScript日期处理类库,提供了日期格式化、日期解析等功能。它支持在浏览器和NodeJS两种环境中运行。此类库能够将给定的任意日期转换成多种不同的格式,具有强大的日期计算功能,...

    JS IOS/iPhone的Safari浏览器不兼容Javascript中的Date()问题如何解决

    最近在写一个时间判断脚本,需要将固定好的字符串时间转换为时间戳进行比较,在做的时候个人习惯使用chrome作为调试工具,代码基本完成之后,一切正常; 使用其他浏览器访问,好嘛,IE跟safari都不兼容,返回错误”...

    代码格式化SourceFormatX

    SourceFormatX 让您敢于面对混乱的...它可以快速大批量地格式化和美化多种源代码,这将会大大加快阁下的项目进度,提高团队协同工作效率,节约大量的时间,并统一了该项目所有代码的风格,利于以后维护和发布风格统一代

    100个直接可以拿来用的JavaScript实用功能代码片段(1-10)

    25、原生JavaScript格式化CSS样式代码 26、原生JavaScript压缩CSS样式代码 27、原生JavaScript获取当前路径 28、原生JavaScriptIP转成整型 29、原生JavaScript整型解析为IP地址 30、原生JavaScript实现checkbox全选...

    Javascript将JSON日期格式化

    在做项目中,将实体转化为JSON后,结果后台返回json时间格式为/Date(1306418993027)/,在前台JS里显示的并不是真正的日期,而且我们不能把所有日期字段都变成string吧,因此写了Javascript的扩展方法,来实现这个...

    javascript-timeframe:以人类可读的格式本地化日期和时间

    它以可读格式格式化日期 例子: 1分钟前 2个月前 在3个月内 现在 4年前 安装 选项A:NPM安装 npm install javascript - timeframe -- save 选项B.使用CDN 您可以直接从jsDelivr CDN加载时间范围。 ...

    源代码格式化SourceFormatX.rar

    SourceFormatX 是一个强大的源代码...它可以快速大批量地格式化和美化多种源代码,这将会大大加快阁下的项目进度,提高团队协同工作效率,节约大量的时间,并统一了该项目所有代码的风格,利于以后维护和发布风格统一代

    dateio:一个轻量级JavaScript日期库,用于显示和格式化日期

    如果只需要最基本的取值和格式化日期功能,请安装: npm install cz848/dateio#get APIs  dateio.js为Date对象创建了一个包装器,称为DateIO对象。DateIO对象又被dateio包装为一个函数,使得传入一个DateIO对象时...

    JavaScript基础教程第8版

    7.5 对字符串进行格式化和排序 144 7.6 对字符串进行格式化和验证 146 7.7 使用正则表达式替换元素 148 第8章 处理事件 151 8.1 处理窗口事件 151 8.1.1 onload1事件 151 8.1.2 onunload事件 154 ...

    JavaScript实现的一个日期格式化函数分享

    // 日期时间原型增加格式化方法 Date.prototype.Format = function (formatStr) {  var str = formatStr;  var Week = [‘日’, ‘一’, ‘二’, ‘三’, ‘四’, ‘五’, ‘六’];  str = str.replace(/yyyy|...

    javascript日期对象格式化为字符串的实现方法

    javascript提供的日期格式化太简单,一般应用都需要自己实现格式化方法.下面是我想出的一个格式化处理方案,应该是可以满足常用的需求.日期模板中可以使用任意分隔符,还可以使用文字作为分隔符,甚至支持类似yyyyMMdd之...

    JavaScript网页特效范例宝典源码

    4.1 日期时间显示 174 实例109 在标题栏中显示日期时间 174 实例110 使用toLocaleString()方法获取本地时间 176 实例111 全中文显示日期 176 实例112 在状态栏中显示日期时间 178 实例113 使用数组显示星期 179 实例...

    JavaScript经典实例

     3.4把一个ISO 8601格式的日期转换为Date对象可接受的一种格式  3.5创建一个特定的日期  3.6规划未来的一个日期  3.7记录流逝的时间  3.8创建一个延迟  3.9创建重复性定时器  3.10使用带有定时器的函数闭包 ...

    javascript实现页面的实时时钟显示示例

    获得当前时间,并格式化 如何可以在页面中显示时间 让时间动起来 1、获得当前时间,并格式化 要获得当前时间,可以使用JavaSctipt的Date对象,默认构造函数会返回当前时间。存储日期为自 1970 年 1 月 1 日...

    JavaScript实战

    11.3.4 格式化发送给服务器的数据 341 11.3.5 处理来自服务器的数据 343 11.3.6 教程:使用get( )函数 347 11.4 JSON 351 11.4.1 访问JSON数据 353 11.4.2 复杂的JSON对象 354 第12章 Ajax编程基础 357 12.1 Tabs...

Global site tag (gtag.js) - Google Analytics