`
java032
  • 浏览: 86439 次
  • 性别: 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 '';
}
分享到:
评论

相关推荐

    JavaScript - 格式化日期时间.zip

    Date对象是JavaScript的内置对象,它提供了创建、操作和格式化日期的方法。你可以通过new关键字来创建一个新的Date实例,例如: ```javascript let date = new Date(); ``` 这将创建一个表示当前日期和时间的新...

    javascript 日期数字文本格式化

    在JavaScript中,日期和数字的文本格式化是一个常见的需求,特别是在构建用户界面或者处理数据时。这个主题主要涉及如何将日期对象转换为易读的字符串,以及如何对数字进行格式化,使其符合特定的显示标准。这篇博文...

    javascript精确计算日期处理金额格式化

    Date对象是JavaScript中的内置对象,可以用来创建、操作和格式化日期。它提供了一些基本的方法,如`getFullYear()`, `getMonth()`, `getDate()`, `getHours()`等,用于获取日期的各个部分。然而,这些方法并不总是能...

    JavaScript日期和时间格式化全指南

    无论是显示在用户界面上,还是进行数据存储和交换,正确地格式化日期和时间至关重要。JavaScript提供了多种方式来格式化日期和时间,包括原生的Date对象方法、国际化API(Intl对象)以及第三方库。本文将详细介绍...

    JavaScript格式化日期

    在JavaScript中,日期格式化是一项常见的任务,尤其是在处理用户界面展示或者数据存储时。`Date`对象是JavaScript内置的对象,提供了处理日期和时间的各种方法。在这个场景中,我们需要将一个像"XXXX年XX月XX日"这样...

    Js获取当前日期时间及格式化代码

    描述中的知识点:介绍了如何使用JavaScript(Js)获取当前的日期和时间,并提供了一个格式化日期时间的代码示例。 标签中的知识点:涉及到Js在获取日期时间方面相关的几个关键功能和方法,包括获取年份、月份、日、...

    bootstap-talbe日期格式化

    为了格式化日期,我们可以利用 Bootstrap Table 的 `formatter` 属性。例如,我们希望日期以 "YYYY-MM-DD" 格式显示: ```javascript $(function() { $('#table').bootstrapTable({ columns: [{ field: 'id', ...

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

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

    全面兼容的javascript时间格式化函数(比较实用)

    不同的浏览器和JavaScript版本对于Date对象的支持程度可能存在差异,这就需要一个全面兼容的方法来格式化日期和时间。 首先,提到的全面兼容的JavaScript时间格式化函数,主要通过一个名为`formatDateTime`的函数...

    ajax请求时json时间格式的格式化显示

    // 在页面上显示格式化后的时间 $('#displayTime').text(formattedTime); } }); ``` 3. `ajaxDataFormat.js`可能包含了`formatTime`函数,该函数可能使用JavaScript内置的`Date`对象来解析和格式化时间戳: ```...

    javascript 格式化时间日期函数代码脚本之家修正版

    在JavaScript开发中,日期和时间的处理是非常常见的需求之一。...最终,通过这种方式,我们可以实现一个通用的JavaScript日期时间格式化工具,使得日期时间的显示更加符合中文用户的阅读习惯,提高了用户体验。

    JavaScript时间格式化插件,返回指定字符串

    例如,可以使用`format(new Date(), 'yyyy-MM-dd HH:mm:ss')`来格式化日期。 5. **luxon**: luxon是Intl.DateTimeFormat的现代化替代品,它提供了更强的类型安全性和更好的错误处理。使用`DateTime.now().to...

    javascript时间显示各种特效

    JavaScript是一种广泛应用于...总结,JavaScript在时间显示上的特效和处理涵盖了从基础的格式化到复杂的交互式组件和动画效果。通过深入理解和运用这些知识点,开发者可以创建出丰富多样的时间相关功能,提升用户体验。

    javascript中Date format(js日期格式化)方法小结.docx

    JavaScript 的 `Date` 对象提供了多种方法来获取和设置日期时间,但原生 API 并没有直接提供日期格式化的功能。为了满足这一需求,开发者通常会通过自定义的方式来实现日期格式化。 本文档主要介绍并总结了三种常见...

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

    以下是一个关于如何在Vue.js中使用过滤器格式化日期的详细说明: 1. **查看未过滤格式化的日期格式** 在Vue.js应用中,如果直接在模板中使用`{{ date }}`,默认情况下日期将以JavaScript原生的日期格式展示,如...

    JavaScript 类似微信历史聊天时间样式

    总的来说,实现类似微信聊天时间样式的JavaScript代码需要对JavaScript的日期和时间处理有深入理解,包括日期对象的构造、属性访问和格式化方法。通过以上分析,你可以根据自己的需求定制一个适应不同场景的时间显示...

    javascript日期格式化方法汇总

    格式化日期时间就是将这些信息按照一定的格式转换成字符串,使之成为可读的日期时间格式。 ### 格式化日期时间的方法一 首先,我们可以通过扩展JavaScript中的`Date`对象来实现自定义的格式化方法。通过`Date`对象...

    js 时间格式化

    在这个配置中,`dateFmt`参数指定了日期时间的显示格式。 除了My97DatePicker,还有其他类似库,如Moment.js,它提供了强大的日期和时间处理功能,包括丰富的格式化选项。例如: ```javascript var momentObj = ...

    使用javascript实时显示系统当前时间

    在JSP页面中,我们可以通过两种方式引入JavaScript代码来实现实时时间显示: 1. **内联脚本**:直接在`<script type="text/javascript">`标签中编写JavaScript代码。 2. **外部脚本文件**:将JavaScript代码保存在...

Global site tag (gtag.js) - Google Analytics