/*
将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 '';
}
分享到:
相关推荐
Date对象是JavaScript的内置对象,它提供了创建、操作和格式化日期的方法。你可以通过new关键字来创建一个新的Date实例,例如: ```javascript let date = new Date(); ``` 这将创建一个表示当前日期和时间的新...
在JavaScript中,日期和数字的文本格式化是一个常见的需求,特别是在构建用户界面或者处理数据时。这个主题主要涉及如何将日期对象转换为易读的字符串,以及如何对数字进行格式化,使其符合特定的显示标准。这篇博文...
Date对象是JavaScript中的内置对象,可以用来创建、操作和格式化日期。它提供了一些基本的方法,如`getFullYear()`, `getMonth()`, `getDate()`, `getHours()`等,用于获取日期的各个部分。然而,这些方法并不总是能...
无论是显示在用户界面上,还是进行数据存储和交换,正确地格式化日期和时间至关重要。JavaScript提供了多种方式来格式化日期和时间,包括原生的Date对象方法、国际化API(Intl对象)以及第三方库。本文将详细介绍...
在JavaScript中,日期格式化是一项常见的任务,尤其是在处理用户界面展示或者数据存储时。`Date`对象是JavaScript内置的对象,提供了处理日期和时间的各种方法。在这个场景中,我们需要将一个像"XXXX年XX月XX日"这样...
描述中的知识点:介绍了如何使用JavaScript(Js)获取当前的日期和时间,并提供了一个格式化日期时间的代码示例。 标签中的知识点:涉及到Js在获取日期时间方面相关的几个关键功能和方法,包括获取年份、月份、日、...
为了格式化日期,我们可以利用 Bootstrap Table 的 `formatter` 属性。例如,我们希望日期以 "YYYY-MM-DD" 格式显示: ```javascript $(function() { $('#table').bootstrapTable({ columns: [{ field: 'id', ...
js通用日期格式化工具,直接引用该工具类就可以使用,方便快捷,建议大家收藏此工具类,该工具很好的解决了前端页面显示日期格式问题
不同的浏览器和JavaScript版本对于Date对象的支持程度可能存在差异,这就需要一个全面兼容的方法来格式化日期和时间。 首先,提到的全面兼容的JavaScript时间格式化函数,主要通过一个名为`formatDateTime`的函数...
// 在页面上显示格式化后的时间 $('#displayTime').text(formattedTime); } }); ``` 3. `ajaxDataFormat.js`可能包含了`formatTime`函数,该函数可能使用JavaScript内置的`Date`对象来解析和格式化时间戳: ```...
在JavaScript开发中,日期和时间的处理是非常常见的需求之一。...最终,通过这种方式,我们可以实现一个通用的JavaScript日期时间格式化工具,使得日期时间的显示更加符合中文用户的阅读习惯,提高了用户体验。
例如,可以使用`format(new Date(), 'yyyy-MM-dd HH:mm:ss')`来格式化日期。 5. **luxon**: luxon是Intl.DateTimeFormat的现代化替代品,它提供了更强的类型安全性和更好的错误处理。使用`DateTime.now().to...
JavaScript是一种广泛应用于...总结,JavaScript在时间显示上的特效和处理涵盖了从基础的格式化到复杂的交互式组件和动画效果。通过深入理解和运用这些知识点,开发者可以创建出丰富多样的时间相关功能,提升用户体验。
JavaScript 的 `Date` 对象提供了多种方法来获取和设置日期时间,但原生 API 并没有直接提供日期格式化的功能。为了满足这一需求,开发者通常会通过自定义的方式来实现日期格式化。 本文档主要介绍并总结了三种常见...
以下是一个关于如何在Vue.js中使用过滤器格式化日期的详细说明: 1. **查看未过滤格式化的日期格式** 在Vue.js应用中,如果直接在模板中使用`{{ date }}`,默认情况下日期将以JavaScript原生的日期格式展示,如...
总的来说,实现类似微信聊天时间样式的JavaScript代码需要对JavaScript的日期和时间处理有深入理解,包括日期对象的构造、属性访问和格式化方法。通过以上分析,你可以根据自己的需求定制一个适应不同场景的时间显示...
格式化日期时间就是将这些信息按照一定的格式转换成字符串,使之成为可读的日期时间格式。 ### 格式化日期时间的方法一 首先,我们可以通过扩展JavaScript中的`Date`对象来实现自定义的格式化方法。通过`Date`对象...
在这个配置中,`dateFmt`参数指定了日期时间的显示格式。 除了My97DatePicker,还有其他类似库,如Moment.js,它提供了强大的日期和时间处理功能,包括丰富的格式化选项。例如: ```javascript var momentObj = ...
在JSP页面中,我们可以通过两种方式引入JavaScript代码来实现实时时间显示: 1. **内联脚本**:直接在`<script type="text/javascript">`标签中编写JavaScript代码。 2. **外部脚本文件**:将JavaScript代码保存在...