Bagaimana cara mendapatkan tanggal saat ini dalam JavaScript?

Bagaimana cara mendapatkan tanggal saat ini dalam JavaScript?

Gunakan new Date()untuk menghasilkan Dateobjek baru yang berisi tanggal dan waktu saat ini.

var today = new Date();
var dd = String(today.getDate()).padStart(2, '0');
var mm = String(today.getMonth() + 1).padStart(2, '0'); //January is 0!
var yyyy = today.getFullYear();

today = mm + '/' + dd + '/' + yyyy;
document.write(today);

Ini akan memberi Anda tanggal hari ini dalam format hh / bb / tttt.

Cukup ubah today = mm +'/'+ dd +'/'+ yyyy;ke format apa pun yang Anda inginkan.

var utc = new Date().toJSON().slice(0,10).replace(/-/g,'/');
document.write(utc);

Gunakan replaceopsi jika Anda akan menggunakan kembali utcvariabel, seperti new Date(utc), karena Firefox dan Safari tidak mengenali tanggal dengan tanda hubung.

DIPERBARUI! , Gulir ke Bawah

Jika Anda menginginkan sesuatu yang sederhana bagi pengguna akhir ... Also, fixed a small suffix issue in the first version below. Now properly returns suffix.

var objToday = new Date(),
	weekday = new Array('Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'),
	dayOfWeek = weekday[objToday.getDay()],
	domEnder = function() { var a = objToday; if (/1/.test(parseInt((a + "").charAt(0)))) return "th"; a = parseInt((a + "").charAt(1)); return 1 == a ? "st" : 2 == a ? "nd" : 3 == a ? "rd" : "th" }(),
	dayOfMonth = today + ( objToday.getDate() < 10) ? '0' + objToday.getDate() + domEnder : objToday.getDate() + domEnder,
	months = new Array('January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'),
	curMonth = months[objToday.getMonth()],
	curYear = objToday.getFullYear(),
	curHour = objToday.getHours() > 12 ? objToday.getHours() - 12 : (objToday.getHours() < 10 ? "0" + objToday.getHours() : objToday.getHours()),
	curMinute = objToday.getMinutes() < 10 ? "0" + objToday.getMinutes() : objToday.getMinutes(),
	curSeconds = objToday.getSeconds() < 10 ? "0" + objToday.getSeconds() : objToday.getSeconds(),
	curMeridiem = objToday.getHours() > 12 ? "PM" : "AM";
var today = curHour + ":" + curMinute + "." + curSeconds + curMeridiem + " " + dayOfWeek + " " + dayOfMonth + " of " + curMonth + ", " + curYear;

document.getElementsByTagName('h1')[0].textContent = today;

<h1></h1>

UPDATE UBBER Setelah banyak penundaan, saya akhirnya GitHubbed dan memperbarui ini dengan solusi akhir yang saya gunakan untuk diri saya sendiri. Bahkan ada beberapa suntingan menit terakhir untuk membuatnya lebih manis! Jika Anda mencari jsFiddle tua , silakan lihat ini .

Pembaruan ini hadir dalam 2 rasa, masih relatif kecil, meskipun tidak sekecil jawaban asli saya di atas. Jika Anda ingin yang sangat kecil, ikuti saja.
Juga Catatan: Ini masih kurang kembung dari moment.js. Meskipun moment.js bagus, imo, ia memiliki terlalu banyak metode sekuler, yang membutuhkan momen belajar seolah-olah itu adalah bahasa. Milik saya di sini menggunakan format umum yang sama dengan PHP: date .

tautan langsung

• Date.format.min.js 5.08 KB
• dateFormat.min.js 4.16 KB

Flavour 1new Date().format(String) My Personal Fav. Saya tahu tabu tetapi bekerja dengan sangat baik pada Obyek Tanggal. Berhati-hatilah dengan mod lain yang mungkin Anda miliki ke Objek Tanggal.

//  use as simple as
new Date().format('m-d-Y h:i:s');   //  07-06-2016 06:38:34

Flavour 2dateFormat(Date, String) Metode all-in-one yang lebih tradisional. Memiliki semua kemampuan sebelumnya, tetapi dipanggil melalui metode dengan Date param.

//  use as simple as
dateFormat(new Date(), 'm-d-Y h:i:s');  //  07-06-2016 06:38:34

BONUS Flavour (membutuhkan jQuery)$.date(Date, String) Ini mengandung lebih dari sekadar formatpilihan sederhana . Itu memperluas objek Tanggal dasar dan termasuk metode seperti addDays. Untuk informasi lebih lanjut, silakan lihat Git .

Dalam mod ini, karakter format terinspirasi oleh PHP: date . Untuk daftar lengkap, silakan lihat README saya

Mod ini juga memiliki daftar format pre-made yang jauh lebih lama. Untuk menggunakan format premade, cukup masukkan nama kuncinya.dateFormat(new Date(), 'pretty-a');

• 'senyawa'
  • 'commonLogFormat' == 'd / M / Y: G: i: s'
  • 'exif' == 'Y: m: d G: i: s'
  • 'isoYearWeek' == 'Y \\ WW'
  • 'isoYearWeek2' == 'Y - \\ WW'
  • 'isoYearWeekDay' == 'Y \\ WWj'
  • 'isoYearWeekDay2' == 'Y - \\ WW-j'
  • 'mySQL' == 'Ymd h: i: s'
  • 'postgreSQL' == 'Yz'
  • 'postgreSQL2' == 'Yz'
  • 'soap' == 'Ymd \\ TH: i: su'
  • 'soap2' == 'Ymd \\ TH: i: s.uP'
  • 'unixTimestamp' == '@U'
  • 'xmlrpc' == 'Ymd \\ TG: i: s'
  • 'xmlrpcCompact' == 'Ymd \\ tGis'
  • 'wddx' == 'Ynj \\ TG: i: s'
• 'konstanta'
  • 'AMERICAN' == 'F j Y'
  • 'AMERICANSHORT' == 'm / d / Y'
  • 'AMERICANSHORTWTIME' == 'm / d / Y h: i: sA'
  • 'ATOM' == 'Ymd \\ TH: i: sP'
  • 'COOKIE' == 'l dMY H: i: s T'
  • 'EUROPEAN' == 'j FY'
  • 'EUROPEANSHORT' == 'dmY'
  • 'EUROPEANSHORTWTIME' == 'dmY H: i: s'
  • 'ISO8601' == 'Ymd \\ TH: i: sO'
  • 'LEGAL' == 'j FY'
  • 'RFC822' == 'D m M H: i: s O'
  • 'RFC850' == 'l dMy H: i: s T'
  • 'RFC1036' == 'D m M H: i: s O'
  • 'RFC1123' == 'D d MYH: i: s O'
  • 'RFC2822' == 'D d MYH: i: s O'
  • 'RFC3339' == 'Ymd \\ TH: i: sP'
  • 'RSS' == 'D d MYH: i: s O'
  • 'W3C' == 'Ymd \\ TH: i: sP'
• 'cantik'
  • 'pretty-a' == 'g: i.sA l jS \\ o \\ f TA'
  • 'pretty-b' == 'g: iA l jS \\ o \\ f TA'
  • 'pretty-c' == 'n / d / Yg: iA'
  • 'pretty-d' == 'n / d / Y'
  • 'pretty-e' == 'F jS - g: ia'
  • 'pretty-f' == 'g: iA'

Seperti yang Anda perhatikan, Anda dapat menggunakan double \untuk melarikan diri karakter.

Yang sesingkat mungkin.

Untuk mendapatkan format seperti "2018-08-03":

let today = new Date().toISOString().slice(0, 10)

console.log(today)

Untuk mendapatkan format seperti "8/3/2018":

let today = new Date().toLocaleDateString()

console.log(today)

Selain itu, Anda dapat memberikan lokal sebagai argumen, misalnya toLocaleDateString("sr"), dll.

Jika Anda hanya ingin kencan tanpa info waktu, gunakan:

var today = new Date();
    today.setHours(0, 0, 0, 0);

document.write(today);

Coba ini:

var currentDate = new Date()
var day = currentDate.getDate()
var month = currentDate.getMonth() + 1
var year = currentDate.getFullYear()
document.write("<b>" + day + "/" + month + "/" + year + "</b>")

Hasilnya akan seperti

15/2/2012

Jika Anda mencari lebih banyak kontrol granular atas format tanggal, saya sangat merekomendasikan untuk memeriksa momen. Perpustakaan yang hebat - dan hanya 5KB. http://momentjs.com/

Anda dapat menggunakan moment.js: http://momentjs.com/

var m = moment().format("DD/MM/YYYY");

document.write(m);

<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.14.1/moment.min.js"></script>

var d = (new Date()).toString().split(' ').splice(1,3).join(' ');

document.write(d)

Untuk memecahnya menjadi langkah-langkah:

1. (new Date()).toString() memberikan "Jumat 28 Juni 2013 15:30:18 GMT-0700 (PDT)"

2. (new Date()).toString().split(' ') membagi string di atas pada setiap spasi dan mengembalikan array sebagai berikut: ["Jum", "Jun", "28", "2013", "15:31:14", "GMT-0700", "(PDT)" ]

3. (new Date()).toString().split(' ').splice(1,3).join(' ') mengambil nilai kedua, ketiga dan keempat dari array di atas, menggabungkannya dengan spasi, dan mengembalikan string "Jun 28 2013"

Ini berfungsi setiap saat:

    var now = new Date();
    var day = ("0" + now.getDate()).slice(-2);
    var month = ("0" + (now.getMonth() + 1)).slice(-2);
    var today = now.getFullYear() + "-" + (month) + "-" + (day);
    
    console.log(today);

var date = new Date().toLocaleDateString("en-US");

Anda juga dapat memanggil metode toLocaleDateStringdengan dua parameter:

var date = new Date().toLocaleDateString("en-US", {
    "year": "numeric",
    "month": "numeric"
});

Artikel tentang MSDN . Lebih lanjut tentang metode ini di MDN .

Versi lebih bersih dan lebih sederhana:

new Date().toLocaleString();

Hasil bervariasi sesuai dengan lokal pengguna :

27/02/2017, 9:15:41 AM

Jika Anda senang dengan format YYYY-MM-DD, ini juga akan berhasil.

new Date().toISOString().split('T')[0]

2018-03-10

Anda bisa menggunakan pustaka Date.js yang memperluas objek Date, sehingga Anda bisa memiliki metode .today ().

Anda bisa mendapatkan panggilan saat ini dengan metode statis sekarang seperti ini:

var now = Date.now()

referensi:

https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Date/now

Jawaban Varun tidak memperhitungkan TimezoneOffset . Ini adalah versi yang dapat:

var d = new Date()
new Date(d.getTime() - d.getTimezoneOffset() * 60000).toJSON().slice(0, 10) // 2015-08-11

Itu TimezoneOffsetadalah menit, sedangkan konstruktor Tanggal mengambil milidetik, sehingga penggandaan oleh 60000.

Jawaban Terpendek adalah: new Date().toJSON().slice(0,10)

new Date().toDateString();

Hasil:

"Rab 03 Feb 2016"

Karena toISOString()hanya akan mengembalikan waktu UTC saat ini, bukan waktu setempat. Kita harus membuat tanggal dengan menggunakan fungsi '.toString ()' untuk mendapatkan tanggal dalam yyyy-MM-ddformat seperti

document.write(new Date(new Date().toString().split('GMT')[0]+' UTC').toISOString().split('T')[0]);

Untuk mendapatkan tanggal dan waktu dalam yyyy-MM-ddTHH:mm:ssformat

document.write(new Date(new Date().toString().split('GMT')[0]+' UTC').toISOString().split('.')[0]);

Untuk mendapatkan tanggal dan waktu dalam yyyy-MM-dd HH:mm:ssformat

document.write(new Date(new Date().toString().split('GMT')[0]+' UTC').toISOString().split('.')[0].replace('T',' '));

Jika Anda menginginkan DD/MM/YYYYformat sederhana , saya baru saja membuat solusi sederhana ini, meskipun tidak awalan angka nol yang hilang.

var d = new Date();
document.write( [d.getDate(), d.getMonth()+1, d.getFullYear()].join('/') );

new Date().toISOString().slice(0,10); 

akan bekerja juga

EDIT TERBARU: 8/23/19 The tanggal-fns perpustakaan bekerja seperti moment.js tetapi memiliki jejak WAY lebih kecil. Ini memungkinkan Anda memilih fungsi mana yang ingin Anda sertakan dalam proyek Anda sehingga Anda tidak perlu mengkompilasi seluruh perpustakaan untuk memformat tanggal hari ini. Jika lib pihak ke-3 minimal bukan pilihan untuk proyek Anda, saya mendukung solusi yang diterima oleh Samuel Meddows di bagian atas.

Melestarikan sejarah di bawah karena membantu beberapa orang. Tetapi sebagai catatan, ini cukup rumit dan dapat rusak tanpa peringatan, seperti juga sebagian besar solusi pada posting ini

EDIT 2/7/2017 Solusi JS satu baris:

tl; dr

var todaysDate = new Date(Date.now()).toLocaleString().slice(0,3).match(/[0-9]/i) ? new Date(Date.now()).toLocaleString().split(' ')[0].split(',')[0] : new Date(Date.now()).toLocaleString().split(' ')[1] + " " + new Date(Date.now()).toLocaleString().split(' ')[2] + " " + new Date(Date.now()).toLocaleString().split(' ')[3];

edge, ff latest, & chrome return todaysDate = "2/7/2017"
"works" * di IE10 +

Penjelasan

Saya menemukan bahwa IE10 dan IE Edge melakukan hal-hal yang sedikit berbeda. dengannew Date(Date.now()).toLocaleString() sebagai input,

Pengembalian IE10:

"Tuesday, February 07, 2017 2:58:25 PM"

Saya bisa menulis fungsi panjang yang besar dan FTFY. Tetapi Anda benar-benar harus menggunakan moment.js untuk hal ini. Skrip saya hanya membersihkan ini dan memberi Anda notasi tradisional AS yang diperluas :> todaysDate = "March 06, 2017"

IE EDGE kembali:

"‎2‎/‎7‎/‎2017‎ ‎2‎:‎59‎:‎27‎ ‎PM"

Tentu saja tidak semudah itu. String tanggal Edge memiliki karakter "•" yang tidak terlihat di antara setiap karakter yang terlihat. Jadi tidak hanya kita sekarang akan memeriksa apakah karakter pertama adalah angka, tetapi 3 karakter pertama, karena ternyata setiap karakter di seluruh rentang tanggal akhirnya akan menjadi titik atau garis miring di beberapa titik. Jadi untuk menjaga hal-hal sederhana, cukup .slice () tiga karakter pertama (penyangga kecil terhadap shenanigans masa depan) dan kemudian periksa nomor. Mungkin perlu dicatat bahwa titik-titik tak terlihat ini berpotensi bertahan dalam kode Anda. Saya mungkin akan menggali lebih dalam jika Anda memiliki rencana yang lebih besar daripada hanya mencetak string ini ke tampilan Anda.

∴ diperbarui satu-liner:

var todaysDate = new Date(Date.now()).toLocaleString().slice(0,3).match(/[0-9]/i) ? new Date(Date.now()).toLocaleString().split(' ')[0].split(',')[0] : new Date(Date.now()).toLocaleString().split(' ')[1] + " " + new Date(Date.now()).toLocaleString().split(' ')[2] + " " + new Date(Date.now()).toLocaleString().split(' ')[3];

Itu menyebalkan untuk dibaca. Bagaimana tentang:

var dateString = new Date(Date.now()).toLocaleString();
var todaysDate = dateString.slice(0,3).match(/[0-9]/i) ? dateString.split(' ')[0].split(',')[0] : dateString.split(' ')[1] + " " + dateString.split(' ')[2] + " " + dateString.split(' ')[3];

JAWABAN ASLI

Saya punya satu kalimat untuk Anda:

new Date(Date.now()).toLocaleString().split(', ')[0];

dan [1]akan memberi Anda waktu hari.

Anda bisa menggunakan ini

<script>
function my_curr_date() {      
    var currentDate = new Date()
    var day = currentDate.getDate();
    var month = currentDate.getMonth() + 1;
    var year = currentDate.getFullYear();
    var my_date = month+"-"+day+"-"+year;
    document.getElementById("dateField").value=my_date;    
}
</script>

HTML adalah

<body onload='return my_curr_date();'>
    <input type='text' name='dateField' id='dateField' value='' />
</body>

Jika Anda menggunakan jQuery. Coba liner yang satu ini:

$.datepicker.formatDate('dd/mm/yy', new Date());

Ini adalah konvensi untuk memformat tanggal

• d - hari dalam sebulan (tidak ada nol di depan)
• dd - hari dalam sebulan (dua digit)
• o - hari dalam setahun (tidak ada angka nol di depan)
• oo - hari dalam setahun (tiga digit)
• Nama D - hari pendek
• DD - nama hari
• m - bulan dalam setahun (tidak ada nol di depan)
• mm - bulan tahun (dua digit)
• M - nama pendek bulan
• MM - panjang nama bulan
• y - tahun (dua digit)
• yy - tahun (empat digit)

Berikut ini adalah referensi untuk datepicker jQuery

Cara terbaik untuk melakukannya (sambil mempertimbangkan zona waktu Anda saat ini, memanfaatkan format ISO yyyy-mm-dd) adalah:

let d = new Date().toISOString().substring(0,19).replace("T"," ") // "2020-02-18 16:41:58"

Biasanya, ini adalah format tanggal yang kompatibel untuk semua keperluan dan Anda dapat mengubahnya menjadi nilai tanggal murni jika diperlukan:

Date.parse(d); // 1582044297000

Anda dapat checkout ini

var today = new Date();
today = parseInt(today.getMonth()+1)+'/'+today.getDate()+'/'+today.getFullYear()+"\nTime : "+today.getHours()+":"+today.getMinutes()+":"+today.getSeconds();
document.write(today);

Dan lihat dokumentasi untuk konstruktor Date (). tautan

Apa masalahnya dengan ini .. Cara terbersih untuk melakukan ini adalah

var currentDate=new Date().toLocaleString().slice(0,10);

Ini dapat membantu Anda

var date = new Date();
console.log(date.getDate()+'/'+(date.getMonth()+1)+'/'+date.getFullYear());

Ini akan mencetak tanggal saat ini dalam format dd / MM / yyyy

Ini bagus untuk mendapatkan tanggal yang diformat

let date = new Date().toLocaleDateString("en", {year:"numeric", day:"2-digit", month:"2-digit"});
console.log(date);

Saya pikir ini adalah pertanyaan lama tetapi cara termudah adalah sebagai berikut:

var date = new Date();
var TimeStamp = date.toLocaleString();

function CurrentTime(){
  alert(TimeStamp);
}

Ini akan mengambil waktu saat ini, meneruskannya ke string berdasarkan lokasi dan kemudian Anda dapat memanggil fungsi CurrentTime untuk menampilkan waktu. Bagi saya ini adalah cara paling efektif untuk mendapatkan cap waktu untuk sesuatu.