JavaScript如何格式化时间的方法-tutorial js-php.cn

Rumah

hujung hadapan web

tutorial js

JavaScript如何格式化时间的方法

零到壹度

Mar 17, 2018 pm 01:38 PM

javascript masa format

本文为大家分享了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>

Salin selepas log masuk

var d =new Date().format('yyyy-MM-dd');

以上代码必须先声明，然后在使用。使用方法：

另一种方法：

在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>

Salin selepas log masuk

<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>

Salin selepas log masuk

通过上面的例子你可以看出，你需要做的就是指定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>

Salin selepas log masuk

第二种方法：

<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>

Salin selepas log masuk

第三种方法：

<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 = &#39;&#39;; i < (length - value.length); i++) {  <br/>    <br/>      zeros += &#39;0&#39;;  <br/>    <br/>    }  <br/>    <br/>    return zeros + value;  <br/>    <br/>  };   <br/>    <br/>  return mask.replace(/"[^"]*"|&#39;[^&#39;]*&#39;|/b(?:d{1,4}|m{1,4}|yy(?:yy)?|([hHMstT])/1?|[lLZ])/b/g, function($0) {  <br/>    <br/>    switch($0) {  <br/>    <br/>      case &#39;d&#39;:  return d.getDate();  <br/>    <br/>      case &#39;dd&#39;: return zeroize(d.getDate());  <br/>    <br/>      case &#39;ddd&#39;: return [&#39;Sun&#39;,&#39;Mon&#39;,&#39;Tue&#39;,&#39;Wed&#39;,&#39;Thr&#39;,&#39;Fri&#39;,&#39;Sat&#39;][d.getDay()];  <br/>    <br/>      case &#39;dddd&#39;:  return [&#39;Sunday&#39;,&#39;Monday&#39;,&#39;Tuesday&#39;,&#39;Wednesday&#39;,&#39;Thursday&#39;,&#39;Friday&#39;,&#39;Saturday&#39;][d.getDay()];  <br/>    <br/>      case &#39;M&#39;:  return d.getMonth() + 1;  <br/>    <br/>      case &#39;MM&#39;: return zeroize(d.getMonth() + 1);  <br/>    <br/>      case &#39;MMM&#39;: return [&#39;Jan&#39;,&#39;Feb&#39;,&#39;Mar&#39;,&#39;Apr&#39;,&#39;May&#39;,&#39;Jun&#39;,&#39;Jul&#39;,&#39;Aug&#39;,&#39;Sep&#39;,&#39;Oct&#39;,&#39;Nov&#39;,&#39;Dec&#39;][d.getMonth()];  <br/>    <br/>      case &#39;MMMM&#39;:  return [&#39;January&#39;,&#39;February&#39;,&#39;March&#39;,&#39;April&#39;,&#39;May&#39;,&#39;June&#39;,&#39;July&#39;,&#39;August&#39;,&#39;September&#39;,&#39;October&#39;,&#39;November&#39;,&#39;December&#39;][d.getMonth()];  <br/>    <br/>      case &#39;yy&#39;: return String(d.getFullYear()).substr(2);  <br/>    <br/>      case &#39;yyyy&#39;:  return d.getFullYear();  <br/>    <br/>      case &#39;h&#39;:  return d.getHours() % 12 || 12;  <br/>    <br/>      case &#39;hh&#39;: return zeroize(d.getHours() % 12 || 12);  <br/>    <br/>      case &#39;H&#39;:  return d.getHours();  <br/>    <br/>      case &#39;HH&#39;: return zeroize(d.getHours());  <br/>    <br/>      case &#39;m&#39;:  return d.getMinutes();  <br/>    <br/>      case &#39;mm&#39;: return zeroize(d.getMinutes());  <br/>    <br/>      case &#39;s&#39;:  return d.getSeconds();  <br/>    <br/>      case &#39;ss&#39;: return zeroize(d.getSeconds());  <br/>    <br/>      case &#39;l&#39;:  return zeroize(d.getMilliseconds(), 3);  <br/>    <br/>      case &#39;L&#39;:  var m = d.getMilliseconds();  <br/>    <br/>          if (m > 99) m = Math.round(m / 10);  <br/>    <br/>          return zeroize(m);  <br/>    <br/>      case &#39;tt&#39;: return d.getHours() < 12 ? &#39;am&#39; : &#39;pm&#39;;  <br/>    <br/>      case &#39;TT&#39;: return d.getHours() < 12 ? &#39;AM&#39; : &#39;PM&#39;;  <br/>    <br/>      case &#39;Z&#39;:  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>

Salin selepas log masuk

Atas ialah kandungan terperinci JavaScript如何格式化时间的方法. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan Laman Web ini

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Alat AI Hot

Undresser.AI Undress

Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover

Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Undress AI Tool

Gambar buka pakaian secara percuma

Clothoff.io

Penyingkiran pakaian AI

AI Hentai Generator

Menjana ai hentai secara percuma.

Tunjukkan Lagi

Artikel Panas

R.E.P.O. Kristal tenaga dijelaskan dan apa yang mereka lakukan (kristal kuning)

3 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌

R.E.P.O. Tetapan grafik terbaik

3 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌

Assassin's Creed Shadows: Penyelesaian Riddle Seashell

2 minggu yang lalu By DDD

R.E.P.O. Cara Memperbaiki Audio Jika anda tidak dapat mendengar sesiapa

3 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌

WWE 2K25: Cara Membuka Segala -galanya Di Myrise

3 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌

Tunjukkan Lagi

Alat panas

Notepad++7.3.1

Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina

Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1

Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6

Alat pembangunan web visual

SublimeText3 versi Mac

Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Tunjukkan Lagi

Topik panas

Di manakah pintu masuk log masuk untuk e-mel gmail?

7460

Tutorial CakePHP

1376

Apakah format nama akaun stim

kunci pengaktifan win11 kekal

Sambungan NYT menunjukkan dan jawapan

Tunjukkan Lagi

Related knowledge

Bagaimana untuk memformat pemacu c menggunakan arahan dos Feb 19, 2024 pm 04:23 PM

Arahan DOS ialah alat baris arahan yang digunakan dalam sistem pengendalian Windows, yang boleh digunakan untuk melaksanakan pelbagai tugas dan operasi pengurusan sistem. Salah satu tugas biasa ialah memformat cakera keras, termasuk pemacu C. Memformat pemacu C adalah operasi yang agak berbahaya kerana ia akan memadamkan semua data pada pemacu C dan memulakan semula sistem fail. Sebelum melakukan operasi ini, pastikan anda telah menyandarkan fail penting dan mempunyai pemahaman yang jelas tentang kesan pemformatan pada komputer anda. Berikut diformatkan dalam baris arahan DOS

Berapakah kos papan tanda lampu tahap 10 Douyin? Berapa hari yang diperlukan untuk mencipta tanda kipas tahap 10? Mar 11, 2024 pm 05:37 PM

Pada platform Douyin, ramai pengguna tidak sabar-sabar untuk mendapatkan pensijilan tahap, dan tanda cahaya tahap 10 menunjukkan pengaruh dan pengiktirafan pengguna pada Douyin. Artikel ini akan menyelidiki harga papan lampu tahap 10 Douyin dan masa yang diperlukan untuk mencapai tahap ini untuk membantu pengguna memahami proses tersebut dengan lebih baik. 1. Berapakah kos papan tanda lampu Douyin tahap 10? Harga papan tanda lampu 10 peringkat Douyin akan berbeza-beza bergantung pada turun naik pasaran dan penawaran dan permintaan Harga umum berjulat dari beberapa ribu yuan hingga sepuluh ribu yuan. Harga ini termasuk kos tanda lampu itu sendiri dan kemungkinan bayaran perkhidmatan. Pengguna boleh membeli papan tanda cahaya tahap 10 melalui saluran rasmi Douyin atau agensi perkhidmatan pihak ketiga, tetapi mereka harus memberi perhatian kepada saluran undang-undang semasa membeli untuk mengelakkan transaksi palsu atau penipuan. 2. Berapa hari yang diperlukan untuk mencipta tanda kipas tahap 10? Mencapai tahap 10 tanda cahaya

Berapa lamakah masa yang diambil untuk membersihkan Cincin Elden? Mar 11, 2024 pm 12:50 PM

Pemain boleh mengalami plot utama permainan dan mengumpul pencapaian permainan apabila bermain di Elden's Circle Ramai pemain tidak tahu berapa lama masa yang diambil untuk membersihkan Elden's Circle Proses pelepasan pemain adalah 30 jam. Berapa lama masa yang diambil untuk membersihkan Cincin Elden Jawapan: 30 jam. 1. Walaupun masa pelepasan 30 jam ini tidak merujuk kepada pas laju seperti induk, ia juga meninggalkan banyak proses. 2. Jika anda ingin mendapatkan pengalaman permainan yang lebih baik atau mengalami plot yang lengkap, maka anda pasti perlu meluangkan lebih banyak masa pada tempoh tersebut. 3. Jika pemain mengumpul kesemuanya, ia akan mengambil masa kira-kira 100-120 jam. 4. Jika anda hanya mengambil garisan utama untuk memberus BOSS, ia akan mengambil masa lebih kurang 50-60 jam. 5. Jika anda ingin mengalami semuanya: 150 jam masa asas.

Bagaimana untuk menetapkan masa untuk menerbitkan karya di Xiaohongshu? Adakah masa untuk menerbitkan karya itu tepat? Mar 24, 2024 pm 01:31 PM

Xiaohongshu, platform yang penuh dengan kehidupan dan perkongsian pengetahuan, membolehkan semakin ramai pencipta untuk menyatakan pendapat mereka secara bebas. Untuk mendapatkan lebih banyak perhatian dan suka pada Xiaohongshu, selain kualiti kandungan, masa penerbitan juga penting. Jadi, bagaimana untuk menetapkan masa untuk Xiaohongshu menerbitkan karya? 1. Bagaimana untuk menetapkan masa untuk menerbitkan karya di Xiaohongshu? 1. Fahami masa aktif pengguna Pertama, adalah perlu untuk menjelaskan masa aktif pengguna Xiaohongshu. Secara umumnya, 8 malam hingga 10 malam dan tengah hari hujung minggu ialah masa apabila aktiviti pengguna tinggi. Walau bagaimanapun, tempoh masa ini juga berbeza bergantung pada faktor seperti kumpulan penonton dan geografi. Oleh itu, untuk lebih memahami tempoh aktif pengguna, adalah disyorkan untuk menjalankan analisis yang lebih terperinci tentang tabiat tingkah laku kumpulan yang berbeza. Dengan memahami kehidupan pengguna

Rahsia kaedah pemulihan format telefon bimbit (telefon mudah alih rosak? Jangan risau) May 04, 2024 pm 06:01 PM

Pada masa kini, kita pasti akan menghadapi beberapa masalah seperti tidak dapat menghidupkan telefon, ketinggalan, dan lain-lain, seperti ranap sistem, tetapi semasa penggunaan, telefon bimbit telah menjadi bahagian yang sangat diperlukan dalam kehidupan kita. Kami sering mengalami kerugian, dan kadangkala, tiada penyelesaian untuk masalah ini. Untuk membantu anda menyelesaikan masalah telefon bimbit, artikel ini akan memperkenalkan anda kepada beberapa kaedah pemulihan format telefon bimbit dan memulihkan telefon anda kepada operasi biasa. Sandarkan data - lindungi maklumat penting, seperti foto dan kenalan, daripada hilang semasa proses pemformatan Sebelum memformat telefon anda, perkara pertama yang perlu dipertimbangkan ialah menyandarkan data dan fail penting pada telefon anda. Untuk memastikan keselamatan data, atau memilih untuk memindahkan fail ke perkhidmatan storan awan, anda boleh menyandarkannya dengan menyambung ke komputer. Gunakan fungsi pemulihan terbina dalam sistem - mudah

Adakah memformat komputer riba akan menjadikannya lebih pantas? Feb 12, 2024 pm 11:54 PM

Adakah memformat komputer riba akan menjadikannya lebih pantas? Jika anda ingin memformat komputer riba Windows anda tetapi ingin mengetahui sama ada ia akan menjadikannya lebih pantas, artikel ini akan membantu anda mengetahui jawapan yang betul untuk soalan ini. Adakah memformat komputer riba akan menjadikannya lebih pantas? Terdapat banyak sebab mengapa pengguna memformat komputer riba Windows mereka. Tetapi sebab yang paling biasa ialah prestasi yang perlahan atau kelajuan komputer riba anda. Memformat komputer riba akan memadam sepenuhnya semua data yang disimpan pada pemacu C atau partition cakera keras tempat sistem pengendalian Windows dipasang. Oleh itu, setiap pengguna akan berfikir dua kali sebelum mengambil langkah ini, terutamanya mengenai prestasi komputer riba. Artikel ini akan membantu anda memahami sama ada memformat komputer riba anda akan mempercepatkannya. Memformat komputer riba anda membantu

Penjelasan terperinci tentang teknik melihat masa fail Linux Feb 21, 2024 pm 01:15 PM

Penjelasan terperinci tentang teknik melihat masa fail Linux Dalam sistem Linux, maklumat masa fail adalah sangat penting untuk pengurusan fail dan perubahan penjejakan. Sistem Linux merekodkan maklumat pertukaran fail melalui tiga atribut masa utama iaitu masa capaian (atime), masa pengubahsuaian (mtime) dan masa perubahan (ctime). Artikel ini memperincikan cara melihat dan mengurus maklumat masa fail ini dan menyediakan contoh kod khusus. 1. Semak maklumat masa fail dengan menggunakan arahan ls dengan parameter -l untuk menyenaraikan fail.

Apakah kaedah pemformatan html? Mar 08, 2024 am 09:53 AM

Kaedah pemformatan HTML: 1. Gunakan alat pemformatan HTML dalam talian 2. Gunakan kekunci pintasan pemformatan HTML yang disertakan dengan editor kod, seperti Shift + Alt + F dalam Visual Studio Code 3. Gunakan pemalam, seperti dalam Sublime Teks pemalam HTML/CSS/JS Prettify 4. Gunakan alat baris arahan, seperti HTML Tidy 5. Pemformatan manual mengikut piawaian dan tabiat pengekodan.

See all articles