JavaScript에서 시간 형식을 지정하는 방법
本文为大家分享了javascript时间格式化的方法，分享给大家供大家参考，可以说是Web项目中不可或缺的一个Javascript类库，它可以帮助你快速的解决客户端编程的许多问题，下面贴出一个用js格式化时间的方法。
<span style="font-family: 微软雅黑, "Microsoft YaHei";">Date.prototype.format =function(format)<br/>{<br/>var o = {<br/>"M+" : this.getMonth()+1, //month<br/>"d+" : this.getDate(), //day<br/>"h+" : this.getHours(), //hour<br/>"m+" : this.getMinutes(), //minute<br/>"s+" : this.getSeconds(), //second<br/>"q+" : Math.floor((this.getMonth()+3)/3), //quarter<br/>"S" : this.getMilliseconds() //millisecond<br/>}<br/>if(/(y+)/.test(format)) format=format.replace(RegExp.$1,<br/>(this.getFullYear()+"").substr(4- RegExp.$1.length));<br/>for(var k in o)if(new RegExp("("+ k +")").test(format))<br/>format = format.replace(RegExp.$1,<br/>RegExp.$1.length==1? o[k] :<br/>("00"+ o[k]).substr((""+ o[k]).length));<br/>return format;<br/>}<br/></span>1 |
|
以上代码必须先声明，然后在使用。使用方法：
另一种方法：
在Javascript之中，日期对象是Date，那么如何将一个日期对象按照定制的格式进行输出呢？
可以现告诉你，Date对象有有四个内置方法，用于输出为字符串格式，分别为：
1）toGMTString，将一个日期按照GMT格式显示
2）toLocaleString，将一个日期按照本地操作系统格式显示
3）toLocaleDateString，按照本地格式显示一个日期对象的日期部分
4）toLocaleTimeString，按照本地格式显示一个日期对象的时间部分
尽管Javascript的Date对象中内置提供了这些输出为字符串的方法，但是这些字符串不是我们来控制格式的，因此如果我们需要我们自己定制的特殊格式，那么又该怎么办呢？
不用着急，JsJava中提供了专用的类，专门对日期进行指定格式的字符串输出，你可以下载JsJava-2.0.zip，引入其中的src/jsjava/text/DateFormat.js，或者直接引入jslib/jsjava-2.0.js，样例代码如下：
<span style="font-family: 微软雅黑, "Microsoft YaHei";">var df=new SimpleDateFormat();//jsJava1.0需要使用DateFormat对象，不要弄错就是了<br/>df.applyPattern("yyyy-MM-dd HH:mm:ss");<br/>var date=new Date(2015,12,18,10,59,51);<br/>var str=df.format(date);<br/>document.write(str);//显示结果为：2015-12-18 10:59:51<br/></span><span style="font-family: 微软雅黑, "Microsoft YaHei";">G Era designator [url=]Text[/url] AD<br/>y Year [url=]Year[/url] 1996; 96<br/>M Month in year [url=]Month[/url] July; Jul; 07<br/>w Week in year [url=]Number[/url] 27<br/>W Week in month [url=]Number[/url] 2<br/>D Day in year [url=]Number[/url] 189<br/>d Day in month [url=]Number[/url] 10<br/>F Day of week in month [url=]Number[/url] 2<br/>E Day in week [url=]Text[/url] Tuesday; Tue<br/>a Am/pm marker [url=]Text[/url] PM<br/>H Hour in day (0-23) [url=]Number[/url] 0<br/>k Hour in day (1-24) [url=]Number[/url] 24<br/>K Hour in am/pm (0-11) [url=]Number[/url] 0<br/>h Hour in am/pm (1-12) [url=]Number[/url] 12<br/>m Minute in hour [url=]Number[/url] 30<br/>s Second in minute [url=]Number[/url] 55<br/>S Millisecond [url=]Number[/url] 978<br/></span>
通过上面的例子你可以看出，你需要做的就是指定pattern，那么pattern中yyyy、MM等都表示什么意思呢？如果你学习过Java的日期格式化，那么你应该知道，那都是占位符，这些占位符都具有特殊的函数，例如y表示年，yyyy表示四个数字的年份，例如1982，下面列举一些pattern中支持的特殊字符及其含义（下面表格引自Java的官方文档，做了适当修改）：
还有三种方法也分享给大家：
第一种方法：
<span style="font-family: 微软雅黑, "Microsoft YaHei";">// 对Date的扩展，将 Date 转化为指定格式的String <br/>// 月(M)、日(d)、小时(h)、分(m)、秒(s)、季度(q) 可以用 1-2 个占位符， <br/>// 年(y)可以用 1-4 个占位符，毫秒(S)只能用 1 个占位符(是 1-3 位的数字) <br/>// 例子： <br/>// (new Date()).Format("yyyy-MM-dd hh:mm:ss.S") ==> 2006-07-02 08:09:04.423 <br/>// (new Date()).Format("yyyy-M-d h:m:s.S") ==> 2006-7-2 8:9:4.18 <br/>Date.prototype.Format = function(fmt) <br/>{ //author: meizz <br/> var o = { <br/> "M+" : this.getMonth()+1, //月份 <br/> "d+" : this.getDate(), //日 <br/> "h+" : this.getHours(), //小时 <br/> "m+" : this.getMinutes(), //分 <br/> "s+" : this.getSeconds(), //秒 <br/> "q+" : Math.floor((this.getMonth()+3)/3), //季度 <br/> "S" : this.getMilliseconds() //毫秒 <br/> }; <br/> if(/(y+)/.test(fmt)) <br/> fmt=fmt.replace(RegExp.$1, (this.getFullYear()+"").substr(4 - RegExp.$1.length)); <br/> for(var k in o) <br/> if(new RegExp("("+ k +")").test(fmt)) <br/> fmt = fmt.replace(RegExp.$1, (RegExp.$1.length==1) ? (o[k]) : (("00"+ o[k]).substr((""+ o[k]).length))); <br/> return fmt; <br/>}<br/>var time1 = new Date().format("yyyy-MM-dd HH:mm:ss"); <br/>var time2 = new Date().format("yyyy-MM-dd");<br/></span>第二种方法：
<span style="font-family: 微软雅黑, "Microsoft YaHei";"><me:script language="javascript" type="text/javascript"><!--<br/> <br/>/** <br/> * 对Date的扩展，将 Date 转化为指定格式的String <br/> * 月(M)、日(d)、12小时(h)、24小时(H)、分(m)、秒(s)、周(E)、季度(q) 可以用 1-2 个占位符 <br/> * 年(y)可以用 1-4 个占位符，毫秒(S)只能用 1 个占位符(是 1-3 位的数字) <br/> * eg: <br/> * (new Date()).pattern("yyyy-MM-dd hh:mm:ss.S") ==> 2006-07-02 08:09:04.423 <br/> * (new Date()).pattern("yyyy-MM-dd E HH:mm:ss") ==> 2009-03-10 二 20:09:04 <br/> * (new Date()).pattern("yyyy-MM-dd EE hh:mm:ss") ==> 2009-03-10 周二 08:09:04 <br/> * (new Date()).pattern("yyyy-MM-dd EEE hh:mm:ss") ==> 2009-03-10 星期二 08:09:04 <br/> * (new Date()).pattern("yyyy-M-d h:m:s.S") ==> 2006-7-2 8:9:4.18 <br/> */ <br/>Date.prototype.pattern=function(fmt) { <br/> var o = { <br/> "M+" : this.getMonth()+1, //月份 <br/> "d+" : this.getDate(), //日 <br/> "h+" : this.getHours()%12 == 0 ? 12 : this.getHours()%12, //小时 <br/> "H+" : this.getHours(), //小时 <br/> "m+" : this.getMinutes(), //分 <br/> "s+" : this.getSeconds(), //秒 <br/> "q+" : Math.floor((this.getMonth()+3)/3), //季度 <br/> "S" : this.getMilliseconds() //毫秒 <br/> }; <br/> var week = { <br/> "0" : "/u65e5", <br/> "1" : "/u4e00", <br/> "2" : "/u4e8c", <br/> "3" : "/u4e09", <br/> "4" : "/u56db", <br/> "5" : "/u4e94", <br/> "6" : "/u516d" <br/> }; <br/> if(/(y+)/.test(fmt)){ <br/> fmt=fmt.replace(RegExp.$1, (this.getFullYear()+"").substr(4 - RegExp.$1.length)); <br/> } <br/> if(/(E+)/.test(fmt)){ <br/> fmt=fmt.replace(RegExp.$1, ((RegExp.$1.length>1) ? (RegExp.$1.length>2 ? "/u661f/u671f" : "/u5468") : "")+week[this.getDay()+""]); <br/> } <br/> for(var k in o){ <br/> if(new RegExp("("+ k +")").test(fmt)){ <br/> fmt = fmt.replace(RegExp.$1, (RegExp.$1.length==1) ? (o[k]) : (("00"+ o[k]).substr((""+ o[k]).length))); <br/> } <br/> } <br/> return fmt; <br/>} <br/> <br/>var date = new Date(); <br/>window.alert(date.pattern("yyyy-MM-dd hh:mm:ss"));<br/>// --></mce:script><br/></span>第三种方法：
<strong style="font-size: 14px;">Date.prototype.format = function(mask) { <br/> <br/> var d = this; <br/> <br/> var zeroize = function (value, length) { <br/> <br/> if (!length) length = 2; <br/> <br/> value = String(value); <br/> <br/> for (var i = 0, zeros = ''; i < (length - value.length); i++) { <br/> <br/> zeros += '0'; <br/> <br/> } <br/> <br/> return zeros + value; <br/> <br/> }; <br/> <br/> return mask.replace(/"[^"]*"|'[^']*'|/b(?:d{1,4}|m{1,4}|yy(?:yy)?|([hHMstT])/1?|[lLZ])/b/g, function($0) { <br/> <br/> switch($0) { <br/> <br/> case 'd': return d.getDate(); <br/> <br/> case 'dd': return zeroize(d.getDate()); <br/> <br/> case 'ddd': return ['Sun','Mon','Tue','Wed','Thr','Fri','Sat'][d.getDay()]; <br/> <br/> case 'dddd': return ['Sunday','Monday','Tuesday','Wednesday','Thursday','Friday','Saturday'][d.getDay()]; <br/> <br/> case 'M': return d.getMonth() + 1; <br/> <br/> case 'MM': return zeroize(d.getMonth() + 1); <br/> <br/> case 'MMM': return ['Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec'][d.getMonth()]; <br/> <br/> case 'MMMM': return ['January','February','March','April','May','June','July','August','September','October','November','December'][d.getMonth()]; <br/> <br/> case 'yy': return String(d.getFullYear()).substr(2); <br/> <br/> case 'yyyy': return d.getFullYear(); <br/> <br/> case 'h': return d.getHours() % 12 || 12; <br/> <br/> case 'hh': return zeroize(d.getHours() % 12 || 12); <br/> <br/> case 'H': return d.getHours(); <br/> <br/> case 'HH': return zeroize(d.getHours()); <br/> <br/> case 'm': return d.getMinutes(); <br/> <br/> case 'mm': return zeroize(d.getMinutes()); <br/> <br/> case 's': return d.getSeconds(); <br/> <br/> case 'ss': return zeroize(d.getSeconds()); <br/> <br/> case 'l': return zeroize(d.getMilliseconds(), 3); <br/> <br/> case 'L': var m = d.getMilliseconds(); <br/> <br/> if (m > 99) m = Math.round(m / 10); <br/> <br/> return zeroize(m); <br/> <br/> case 'tt': return d.getHours() < 12 ? 'am' : 'pm'; <br/> <br/> case 'TT': return d.getHours() < 12 ? 'AM' : 'PM'; <br/> <br/> case 'Z': return d.toUTCString().match(/[A-Z]+$/); <br/> <br/> // Return quoted strings with the surrounding quotes removed <br/> <br/> default: return $0.substr(1, $0.length - 2); <br/> <br/> } <br/> <br/> }); <br/> <br/>};<br/></strong>위 내용은 JavaScript에서 시간 형식을 지정하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
핫 AI 도구
Undresser.AI Undress
사실적인 누드 사진을 만들기 위한 AI 기반 앱
AI Clothes Remover
사진에서 옷을 제거하는 온라인 AI 도구입니다.
Undress AI Tool
무료로 이미지를 벗다
Clothoff.io
AI 옷 제거제
Video Face Swap
완전히 무료인 AI 얼굴 교환 도구를 사용하여 모든 비디오의 얼굴을 쉽게 바꾸세요!
인기 기사
뜨거운 도구
메모장++7.3.1
사용하기 쉬운 무료 코드 편집기
SublimeText3 중국어 버전
중국어 버전, 사용하기 매우 쉽습니다.
스튜디오 13.0.1 보내기
강력한 PHP 통합 개발 환경
드림위버 CS6
시각적 웹 개발 도구
SublimeText3 Mac 버전
신 수준의 코드 편집 소프트웨어(SublimeText3)
뜨거운 주제
7731
15
1643
14
1397
52
1290
25
1233
29
dos 명령을 사용하여 C 드라이브를 포맷하는 방법
Feb 19, 2024 pm 04:23 PM
DOS 명령은 Windows 운영 체제에서 사용되는 명령줄 도구로, 다양한 시스템 관리 작업 및 작업을 수행하는 데 사용할 수 있습니다. 일반적인 작업 중 하나는 C 드라이브를 포함한 하드 드라이브를 포맷하는 것입니다. C 드라이브를 포맷하면 C 드라이브의 모든 데이터가 지워지고 파일 시스템이 다시 초기화되므로 비교적 위험한 작업입니다. 이 작업을 수행하기 전에 중요한 파일을 백업했는지 확인하고 포맷이 컴퓨터에 미치는 영향을 명확하게 이해하십시오. 다음은 DOS 명령줄에서 형식화됩니다.
Douyin 레벨 10 조명 표지판의 가격은 얼마입니까? 레벨 10 팬사인회 제작에는 며칠이 소요되나요?
Mar 11, 2024 pm 05:37 PM
Douyin 플랫폼에서는 많은 사용자가 레벨 인증을 받기를 열망하고 있으며 레벨 10 표시등은 Douyin에 대한 사용자의 영향력과 인식을 보여줍니다. 이 기사에서는 사용자가 프로세스를 더 잘 이해할 수 있도록 Douyin의 레벨 10 라이트 보드 가격과 이 레벨에 도달하는 데 걸리는 시간을 자세히 살펴보겠습니다. 1. 레벨 10 Douyin 라이트 사인의 가격은 얼마입니까? Douyin의 10단계 전광판 가격은 시장 변동과 수요 공급에 따라 달라질 수 있으며, 일반적인 가격은 수천 위안에서 만 위안까지 다양합니다. 이 가격에는 주로 조명 사인 자체 비용과 가능한 서비스 수수료가 포함됩니다. 사용자는 Douyin의 공식 채널이나 제3자 서비스 대행사를 통해 레벨 10 조명 간판을 구매할 수 있지만, 허위 또는 사기 거래를 피하기 위해 구매 시 법적 채널에 주의해야 합니다. 2. 레벨 10 팬사인을 만드는데 며칠이 걸리나요? 레벨 10 신호등에 도달하세요
엘든 링을 클리어하는 데 얼마나 걸리나요?
Mar 11, 2024 pm 12:50 PM
플레이어는 Elden's Circle에서 플레이할 때 게임의 주요 줄거리를 경험하고 게임 성과를 수집할 수 있습니다. 많은 플레이어는 Elden's Circle을 클리어하는 데 시간이 얼마나 걸리는지 모릅니다. 엘든 링을 클리어하는데 얼마나 걸리나요? 답변: 30시간. 1. 이 30시간 통관시간은 마스터급 스피드패스를 의미하지는 않지만, 많은 과정을 생략하기도 합니다. 2. 더 나은 게임 경험을 원하거나 전체 줄거리를 경험하고 싶다면 반드시 지속 시간에 더 많은 시간을 할애해야 합니다. 3. 모두 모으는 데에는 약 100~120시간 정도 소요됩니다. 4. 본선만 타고 BOSS 브러싱을 하면 50~60시간 정도 소요됩니다. 5. 모든 것을 경험하고 싶다면: 기본 시간 150시간.
Xiaohongshu에 작품 출판 시간을 설정하는 방법은 무엇입니까? 작품 출판 시기는 정확합니까?
Mar 24, 2024 pm 01:31 PM
생활과 지식 공유가 가득한 플랫폼 샤오홍슈를 통해 점점 더 많은 창작자들이 자유롭게 자신의 의견을 표현할 수 있게 되었습니다. Xiaohongshu에 대한 관심과 좋아요를 더 많이 얻으려면 콘텐츠의 질뿐만 아니라 작품을 출판하는 시기도 중요합니다. 그렇다면 Xiaohongshu의 작품 출판 시간은 어떻게 설정합니까? 1. 소홍서 작품 출판 시기는 어떻게 정하나요? 1. 사용자의 활동시간을 이해한다. 먼저 Xiaohongshu 사용자의 활동시간을 명확히 할 필요가 있다. 일반적으로 오후 8시부터 10시까지와 주말 오후는 사용자 활동이 많은 시간입니다. 그러나 이 기간은 잠재고객 세그먼트 및 지역과 같은 요인에 따라 달라질 수도 있습니다. 따라서 사용자의 활동 기간을 더 잘 파악하기 위해서는 그룹별 행동 습관에 대한 보다 자세한 분석을 수행하는 것이 좋습니다. 사용자의 삶을 이해함으로써
공개된 휴대폰 포맷 복구 방법의 비밀 (휴대폰 고장? 걱정하지 마세요)
May 04, 2024 pm 06:01 PM
요즘 우리는 전화를 켤 수 없거나 시스템 충돌과 같은 지연과 같은 몇 가지 문제에 필연적으로 직면하게 될 것입니다. 그러나 사용하는 동안 휴대폰은 우리 삶에서 없어서는 안될 부분이되었습니다. 우리는 종종 당황하며 때로는 이러한 문제에 대한 해결책이 없습니다. 휴대폰 문제를 해결하는 데 도움이 되도록 이 기사에서는 휴대폰 포맷 복구 및 휴대폰을 정상 작동으로 복원하는 몇 가지 방법을 소개합니다. 데이터 백업 - 포맷 과정에서 사진, 연락처 등 중요한 정보가 손실되지 않도록 보호하세요. 휴대폰을 포맷하기 전에 가장 먼저 고려해야 할 사항은 휴대폰에 있는 중요한 데이터와 파일을 백업하는 것입니다. 데이터 보안을 보장하거나 파일을 클라우드 스토리지 서비스로 전송하도록 선택하려면 컴퓨터에 연결하여 백업할 수 있습니다. 시스템에 내장된 복구 기능 사용 - 간단
Linux 파일 시간 보기 기술에 대한 자세한 설명
Feb 21, 2024 pm 01:15 PM
Linux 파일 시간 보기 기술에 대한 자세한 설명 Linux 시스템에서 파일 시간 정보는 파일 관리 및 변경 사항 추적에 매우 중요합니다. Linux 시스템은 액세스 시간(atime), 수정 시간(mtime), 변경 시간(ctime)이라는 세 가지 주요 시간 속성을 통해 파일 변경 정보를 기록합니다. 이 문서에서는 이 파일 시간 정보를 보고 관리하는 방법을 자세히 설명하고 특정 코드 예제를 제공합니다. 1. ls 명령과 -l 매개변수를 함께 사용하여 파일 목록을 확인하여 파일 시간 정보를 확인합니다.
노트북을 포맷하면 속도가 빨라지나요?
Feb 12, 2024 pm 11:54 PM
노트북을 포맷하면 속도가 빨라지나요? Windows 노트북을 포맷하고 싶지만 포맷하면 속도가 더 빨라지는지 알고 싶다면 이 문서가 이 질문에 대한 정답을 찾는 데 도움이 될 것입니다. 노트북을 포맷하면 속도가 빨라지나요? 사용자가 Windows 노트북을 포맷하는 데에는 여러 가지 이유가 있습니다. 그러나 가장 일반적인 이유는 노트북의 성능이나 속도가 느리기 때문입니다. 노트북을 포맷하면 C 드라이브나 Windows 운영 체제가 설치된 하드 드라이브 파티션에 저장된 모든 데이터가 완전히 삭제됩니다. 따라서 모든 사용자는 이 단계를 수행하기 전에 특히 노트북 성능과 관련하여 두 번 생각할 것입니다. 이 문서는 노트북을 포맷하면 속도가 빨라지는지 이해하는 데 도움이 됩니다. 노트북을 포맷하면 도움이 됩니다.
HTML 형식화 방법은 무엇입니까?
Mar 08, 2024 am 09:53 AM
HTML 형식화 방법: 1. 온라인 HTML 형식화 도구를 사용합니다. 2. Visual Studio Code의 Shift + Alt + F와 같은 코드 편집기와 함께 제공되는 HTML 형식화 바로 가기 키를 사용합니다. 3. Sublime과 같은 플러그인을 사용합니다. 텍스트 HTML/CSS/JS Prettify 플러그인 4. HTML Tidy와 같은 명령줄 도구를 사용합니다. 5. 코딩 표준 및 습관에 따른 수동 형식 지정.
