最近由于项目需要对web开发相对较多,也发现了很多问题。特别是对日期操作的需求量较大:转换、解析、格式化...等等。关于格式化的在搜索引擎能找到很多,但是关于解析日期字符串却很少;ECMAscript3提供的标准中倒是有 Date.parse(),但比较难使用(纯属个人观点)。
今天花了几个小时做了个简单的日期处理,同时记录下格式化、日期字符串解析的扩展。
欢迎轻喷
- 日期格式化(该代码非本人编写,具体出处由于时间太长已经无从考究,在此感谢作者)
/** * 日期格式化 * * @param format * {String} 格式化规则, 默认值:yyyy-MM-dd hh:mm:ss */ Date.prototype.format = function(format) { format = (format || "yyyy-MM-dd hh:mm:ss"); var time = this.getTime(); if (isNaN(time)) { return; } var o = { // month "M+": this.getMonth() + 1, // day "d+": this.getDate(), // hour "h+": this.getHours(), // minute "m+": this.getMinutes(), // second "s+": this.getSeconds(), // quarter "q+": Math.floor((this.getMonth() + 3) / 3), // millisecond "S": this.getMilliseconds() }; if (/(y+)/.test(format)) { format = format.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length)); } for ( var k in o) { if (new RegExp("(" + k + ")").test(format)) { format = format.replace(RegExp.$1, RegExp.$1.length == 1 ? o[k] : ("00" + o[k]).substr(("" + o[k]).length)); } } return format; };
- 日期字符串解析
解析功能也是作为原型扩展方式,真心希望 ECMAscript5 能让平台默认就实现这个功能。
/** * 解析日期字符串 * * @param dateStr * {String} 日期字符串 * @param pattern * {String} 字符串规则, 默认值:yyyy-MM-dd * @returns {Date} 成功解析后返回日期对象, 解析失败返回null */ Date.prototype.parseDate = function(dateStr, pattern) { var metaPatterns = { /** 元规则决策表 */ metas: { /** 年规则 */ y: { name: "Year", beginIndex: -1, pLength: 0, original: "", setYear: function(date) { date.setFullYear(this.original || 0); } }, /** 月规则 */ M: { name: "Month", beginIndex: -1, pLength: 0, original: "", setMonth: function(date) { date.setMonth((!this.original.length || isNaN(this.original)) ? 0 : (this.original - 1)); } }, /** 月中的天数规则 */ d: { name: "Day", beginIndex: -1, pLength: 0, original: "", setDay: function(date) { date.setDate(this.original || 0); } }, /** 小时规则 */ h: { name: "Hour", beginIndex: -1, pLength: 0, original: "", setHour: function(date) { date.setHours(this.original || 0); } }, /** 分钟规则 */ m: { name: "Minute", beginIndex: -1, pLength: 0, original: "", setMinute: function(date) { date.setMinutes(this.original || 0); } }, /** 秒规则 */ s: { name: "Second", beginIndex: -1, pLength: 0, original: "", setSecond: function(date) { date.setSeconds(this.original || 0); } }, /** 毫秒规则 */ S: { name: "Millisecond", beginIndex: -1, pLength: 0, original: "", setMillisecond: function(date) { date.setMilliseconds(this.original || 0); } }, }, /** * 设值 * * @param date * {Date} 目标日期 * @returns {Date} 修改后日期 */ setValues: function(date) { this.metas.y.setYear(date); this.metas.M.setMonth(date); this.metas.d.setDay(date); this.metas.h.setHour(date); this.metas.m.setMinute(date); this.metas.s.setSecond(date); this.metas.S.setMillisecond(date); return date; }, /** * 校验器 * * @param orgiDateStr * {String} 日期字符串 * @param tgtPattern * {String} 解析规则 * @returns {Boolean} true-解析成功, false-规则不能匹配日期字符串 */ validate: function(orgiDateStr, tgtPattern) { var NUMBER_PATTERN = "\\d"; var replacedPattern = (tgtPattern || "") + ""; if (!replacedPattern) return false; // 记录当前所能支持的所有元字符 var metasStr = []; for ( var meta in this.metas) { metasStr.push(meta); } // 替换pattern中年月日时分秒的字符为\d replacedPattern = replacedPattern.replace(/\//g, "\\/"); metasStr.each(function(meta) { replacedPattern = replacedPattern.replace(eval("(/" + meta + "/g)"), NUMBER_PATTERN); }); replacedPattern = replacedPattern.replace(/\\\\/g, "\\").replace(/[\/]/g, "\/"); // 使用替换后的pattern校验dateStr是否有效 var result = eval("(/^" + replacedPattern + "$/)").test(orgiDateStr); if (result) { var _this = this; // 校验通过, 按顺序设置元规则开始索引和值 // > 按元规则分组 var metasGroup = metasStr.join(""); // /([yMdhms])\1*/g: 提取的元规则 var groupRegExp = eval("(/([" + metasGroup + "])\\1*/g)"); // 替换掉日期字符串分隔符字符 var onlyNumberDateStr = orgiDateStr.replace(/[^\d]+/g, ""); // 把原pattern中的年月日时分秒解为有序的正则表达式数组, var orgiValIdx = 0; tgtPattern.match(groupRegExp).each(function(metaGroup) { // :> 设置每个组的 beginIndex, pLength, original var meta = _this.metas[metaGroup[0]]; meta.beginIndex = tgtPattern.indexOf(metaGroup); meta.pLength = metaGroup.length; meta.original = onlyNumberDateStr.substring(orgiValIdx, (orgiValIdx + meta.pLength)); orgiValIdx += meta.pLength; }); } return result; } }; // 解析完成后按Date构造顺序构建目标Date对象 var success = metaPatterns.validate(dateStr, pattern); if (!success) { return null; } else { metaPatterns.setValues(this); return this; } };
上面的代码会依赖 Array.each 的原型扩展
/** * 遍历数组 * * @param callback * {Function} 回调函数, 参数:v-[value],i-[index] * @param begin * {Number} 开始下标, 默认0 * @returns {Boolean} true-已遍历所有元素, false-仅遍历部分元素 */ Array.prototype.each = function(callback, begin) { begin = (begin || 0); callback = (callback || function() { }); var useEvery = true; for (var i = 0; i < this.length; i++) { if (i >= begin && false == callback(this[i], i)) { useEvery = (i == this.length - 1); break; } } return useEvery; };
在开发中一直存在一个疑惑,W3CSchool 中提供的时间设置说明。
通过多次测试(Google Chrom版本 46.0.2490.86,IE版本11.0.9600.18321),发现以上三个值都是从1开始而非从0开始。
如在使用中发现问题欢迎在此留言探讨!
相关推荐
因为我们知道,Date 类只提供了若干获取日期元素的方法,如 getDate(),getMinute()……却没有一个转换为特定字符串的格式化方法。故所以,利用这些细微的方法,加以封装,组合我们想要的日期字符串形式。一般来说,...
Date.prototype 提供用于解析、格式化和计算日期的 JavaScript Date 实例方法。 它使用简洁且可配置的算法来解释格式代码。 功能包括: 可以解析几乎所有具有注册自定义格式解析功能的格式。 支持 sprintf、php ...
该模块提供了C标准库中古老的和函数JavaScript实现,可用于解析或格式化各种特定于语言环境的表示形式的。 要格式化日期,请从说明符(带有所需格式指令的字符串,用%表示)中创建一个; 然后将日期传递给格式化程序...
波斯日期用于解析,验证,操作和格式化波斯日期系统的Javascript日期库。 从1.0.0起波斯日期支持公历。 受到启发更多信息安装npm install persian-date --save-devbower install persian-date --save-dev浏览器< ...
日期.shortDateFormat 该脚本旨在帮助本地化和解析本地化日期,但它可以轻松用于与本地化无关的其他格式化需求。 它创建了一个Date.prototype.toShortDateFormat函数,用于根据指定的格式将Date对象转换为仅日期字符...
如果只需要最基本的取值和格式化日期功能,请安装: npm install cz848/dateio#get APIs dateio.js为Date对象创建了一个包装器,称为DateIO对象。DateIO对象又被dateio包装为一个函数,使得传入一个DateIO对象时...
费查 轻量级日期格式和解析...format接受Date对象(或时间戳记)和字符串格式,并返回格式化的字符串。 请参阅下面的可用格式标记。 注意:当传递无效参数时, format将引发错误 import { format } from 'fecha' ; ty
概述Datejs是一个开放源代码JavaScript Date库,用于解析,格式化和处理。 最新的正式版本是2007年11月19日发布的Alpha-1 。自该早期版本发布以来,该项目一直处于Hibernate状态。入门我们建议从/build/文件夹中包含...
1.7 学习和使用JavaScript的几点建议 1.8 关于本书的其余部分 第2章 浏览器中的JavaScript 2.1 嵌入网页的可执行内容 2.2 赏心悦目的特效 2.3 使用JavaScript来与用户交互 2.4 绕开脚本陷阱 ...
与本地时区数据一致地格式化日期。 模块 将解析器指向文本日志目录,它将为您返回每一行的对象: { " date " : " 2014-06-30T18:53:44+08:00 " , " value " : " <@srn_> ZIGGAGAGAGAGA " } 解析器还将返回...
旨在替换moment.js的解析和格式化功能。 NPM npm install fecha --save 纱 yarn add fecha Fecha vs时刻 费查 片刻 大小(最小和压缩) 2.1KB 13.1KB 日期解析 ✓ ✓ 日期格式 ✓ ✓ 日期处理 ✓ I18n支持...
格式化表单字符串.php 格式化表单字符串 24.php 格式化字符串 25.php 格式化HTML实体 26....
#CodeDate 根据给定的格式插入当前日期或时间##安装下载 zip 文件并将其解压缩到您的插件文件夹。 ##默认热键第一次格式化 - Ctrl-5 第二种格式 - Ctrl-Shift-5 使用 Moment.js
[removed]初始化(非原生JavaScript)Node.jsnpm install ppoffice/js-validator --savevar validator = require('js-validator');RequireJSrequirejs(["../src/validator"], function(validator) { ... }...
JustDate 处理JS日期的助手,与时间或时区无关。为什么? 用JavaScript处理日期非常困难。 JavaScript Date对象表示为具有时间和... 格式化的字符串输出没有时间( M/D/YYYY )。 此处的关键是帮助您在没有时间或时区的
qif2json 将.qif文件解析为合理的JSON格式入门使用以下命令安装模块: npm install qif2json var qif2json = require ( 'qif2json' ) ;qif2json .... 有关可用的格式化令牌,请参见 。 特殊格式"us"将使用
Moment.js是“用于解析,处理和格式化日期的轻量级JavaScript日期库”。 Moment.js不会修改本地Date对象。 相反,它为此创建了一个包装器。 请参阅以获取详细信息。 用法 将以下内容添加到您的gemfile中: gem '...
JSON,JavaScript Object Notation)(JavaScript对象表示法) ,是存储和交换文本信息的语法,是基于JavaScript的一个子集。数据格式简单,易于读写,占用带宽小,类似 XML,但JSON 比 XML更小、更快,更易解析。 JSON...
用于解析、验证、操作和格式化日期的轻量级 JavaScript 日期库。 升级到 2.0.0 2.0.0 版有许多小的向后不兼容的变化。 更改语言序数方法以返回数字 + 序数而不是仅序数。 更改了两位数年份解析截止值以匹配 ...
使用navigator.language作为toLocaleDateString和Intl.RelativeTimeFormat的本机方法的参数来对Date进行人性化。 那么,您需要什么? 两个日期:) NOTICE: You'll need add polyfill in Safari with previous of...