Harap perhatikan bahwa .getHours () mengembalikan jam di zona waktu mesin lokal. Jika pengguna memiliki browser mereka di zona waktu lain selain Anda, mereka akan mendapatkan hasil lain dari getHours. Ini juga berlaku untuk metode .toString (). Mengontrol zona waktu dalam javascript itu rumit (Anda harus menghitung offset antara zona waktu Anda dan yang diinginkan dan memodifikasi tanggal yang sesuai). Jadi seperti yang disebutkan dalam jawaban lain, menggunakan moment.js sepertinya ide yang bagus. momentjs.com
Chris
1
Anda juga harus mempertimbangkan memasukkan padStart untuk masing-masing mendapatkan: dt.getMinutes (). ToString.padStart (2, '0') Ini akan memastikan bahwa angka-angka tetap 2 digit panjang dengan nol empuk, dan mengikuti fungsionalitas javascript yang diusulkan - sangat cantik terbukti di masa depan: developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/…
Negative Zero
2
@NegativeZero Saran yang sangat berguna (jika tidak esensial). Sayangnya itu tidak berfungsi untuk saya di Firefox (saya tidak menguji di browser lain). Namun, menulis ulang sebagai String (dt.getMinutes ()). PadStart (2, '0') berfungsi untuk saya.
var d =newDate();
d+'';// "Sun Dec 08 2013 18:55:38 GMT+0100"
d.toDateString();// "Sun Dec 08 2013"
d.toISOString();// "2013-12-08T17:55:38.130Z"
d.toLocaleDateString()// "8/12/2013" on my system
d.toLocaleString()// "8/12/2013 18.55.38" on my system
d.toUTCString()// "Sun, 08 Dec 2013 17:55:38 GMT"
newDate(Date.now())// Mon Jan 19 2015 20:02:55 GMT-0500 (Eastern Standard Time)newDate($.now());// Mon Jan 19 2015 20:02:55 GMT-0500 (Eastern Standard Time)
..dan jika Anda ingin waktu yang diformat dalam jj-mm-dt:
var now =newDate(Date.now());var formatted = now.getHours()+":"+ now.getMinutes()+":"+ now.getSeconds();// 20:10:58
Anda tidak perlu memberikan parameter ke Date () baru karena defaultnya sekarang.
Andrew Spode
1
@Spode Ah, poin bagus. Saya tidak yakin mengapa jawaban lain menggunakan jQuery saat itu.
Josh Crozier
17
.clock {width:260px;margin:0 auto;padding:30px;color:#FFF;background:#333;}.clock ul {width:250px;margin:0 auto;padding:0;list-style: none;text-align: center
}.clock ul li {display: inline;font-size:3em;text-align: center;font-family:"Arial", Helvetica, sans-serif;text-shadow:02px5px#55c6ff,03px6px#55c6ff,04px7px#55c6ff}#Date {font-family:'Arial', Helvetica, sans-serif;font-size:26px;text-align: center;text-shadow:02px5px#55c6ff,03px6px#55c6ff;padding-bottom:40px;}#point {position: relative;-moz-animation: mymove 1s ease infinite;-webkit-animation: mymove 1s ease infinite;padding-left:10px;padding-right:10px}/* Animasi Detik Kedap - Kedip */@-webkit-keyframes mymove
{0%{opacity:1.0;text-shadow:0020px#00c6ff;}50%{opacity:0;text-shadow:none;}100%{opacity:1.0;text-shadow:0020px#00c6ff;}}@-moz-keyframes mymove
{0%{opacity:1.0;text-shadow:0020px#00c6ff;}50%{opacity:0;text-shadow:none;}100%{opacity:1.0;text-shadow:0020px#00c6ff;}}
<scriptsrc="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script><scripttype="text/javascript"src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script><scripttype="text/javascript">
$(document).ready(function(){// Making 2 variable month and dayvar monthNames =["January","February","March","April","May","June","July","August","September","October","November","December"];var dayNames=["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"]// make single objectvar newDate =newDate();// make current time
newDate.setDate(newDate.getDate());// setting date and time
$('#Date').html(dayNames[newDate.getDay()]+" "+ newDate.getDate()+' '+ monthNames[newDate.getMonth()]+' '+ newDate.getFullYear());
setInterval(function(){// Create a newDate() object and extract the seconds of the current time on the visitor'svar seconds =newDate().getSeconds();// Add a leading zero to seconds value
$("#sec").html(( seconds <10?"0":"")+ seconds);},1000);
setInterval(function(){// Create a newDate() object and extract the minutes of the current time on the visitor'svar minutes =newDate().getMinutes();// Add a leading zero to the minutes value
$("#min").html(( minutes <10?"0":"")+ minutes);},1000);
setInterval(function(){// Create a newDate() object and extract the hours of the current time on the visitor'svar hours =newDate().getHours();// Add a leading zero to the hours value
$("#hours").html(( hours <10?"0":"")+ hours);},1000);});</script><divclass="clock"><divid="Date"></div><ul><liid="hours"></li><liid="point">:</li><liid="min"></li><liid="point">:</li><liid="sec"></li></ul></div>
Ini mengembalikan jumlah detik yang berlalu sejak tahun 1970, yang biasa disebut (tidak harus dengan benar) sebagai Waktu Unix, Epoch, atau Stempel Waktu, tergantung pada lingkaran tempat Anda berada. Dapat sangat berguna untuk menghitung perbedaan antara tanggal / waktu menggunakan matematika sederhana . Tidak memiliki informasi TimeZone dan selalu UTC.
Tidak perlu menggunakan jQuery karena selain alias ini, ia tidak banyak membantu manipulasi tanggal / waktu.
Jika Anda mencari cara cepat dan kotor untuk merepresentasikan waktu dalam teks, objek Javascript Date memiliki prototipe "toString" yang akan mengembalikan Waktu Tanggal yang diformat ISO.
Lebih dari itu, Anda mungkin ingin menyesuaikan pemformatan Anda. Objek Date memiliki kemampuan untuk mengeluarkan detail yang relevan sehingga Anda dapat membangun representasi string Anda sendiri.
var d =newDate();//without params it defaults to "now"var t = d.getHours()+":"+ d.getMinutes()+":"+ d.getSeconds();//Will return 14:37:36
Namun, karena Anda telah meminta solusi jQuery - kemungkinan Anda bekerja dengan browser yang lebih lama. Jika Anda ingin melakukan hal-hal yang lebih spesifik - terutama menafsirkan string ke objek Date (berguna untuk respons API), Anda mungkin ingin melihat Moment.js.
Ini akan memastikan kompatibilitas lintas browser dan memiliki pemformatan yang lebih baik tanpa harus menyatukan banyak string untuk bersama-sama! Sebagai contoh:
Saya menggunakan momen untuk semua kebutuhan manipulasi / tampilan waktu saya (baik sisi klien, dan node.js jika Anda menggunakannya), jika Anda hanya memerlukan format sederhana jawaban di atas akan dilakukan, jika Anda mencari sesuatu yang sedikit lebih kompleks, saat adalah cara untuk pergi IMO.
<html><head><scripttype="text/javascript"src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script><script>functionShowLocalDate(){var dNow =newDate();var localdate=(dNow.getMonth()+1)+'/'+ dNow.getDate()+'/'+ dNow.getFullYear()+' '+ dNow.getHours()+':'+ dNow.getMinutes();
$('#currentDate').text(localdate)}</script></head><body>
enter code here
<h1>Get current local enter code here Date in JQuery</h1><labelid="currentDate">This is current local Date Time in JQuery</p><buttontype="`enter code here button onclick="ShowLocalDate()">Show Local DateTime</button></body></html>
Anda dapat memperoleh informasi lebih lanjut dari tautan di bawah ini
Menggunakan fungsi Tanggal asli JavaScript, Anda bisa mendapatkan jam , menit , dan detik seperti yang Anda inginkan. Jika Anda ingin memformat tanggal dan waktu dengan cara tertentu, Anda mungkin ingin menerapkan metode memperpanjang prototipe Tanggal JavaScript.
$.now()
karena JavaScript memiliki implementasi asli: stackoverflow.com/questions/20456712/…Jawaban:
Anda dapat mencoba seperti ini:
Juga menggunakan Javascript yang dapat Anda lakukan seperti ini:
sumber
Anda harus mengambil semua "angka" secara manual
seperti ini:
sumber
Konversi
Date
objek ke string, menggunakan salah satuDate.prototype
pengambil konversi , misalnya:Atau, jika Anda menginginkannya lebih khusus, lihat daftar
Date.prototype
metode pengambil .sumber
Anda tidak perlu menggunakan jQuery untuk ini!
The implementasi JavaScript asli adalah
Date.now()
.Date.now()
dan$.now()
mengembalikan nilai yang sama:..dan jika Anda ingin waktu yang diformat dalam jj-mm-dt:
sumber
sumber
jQuery.now()
Pengembalian: NomorDeskripsi: Mengembalikan nomor yang mewakili waktu saat ini.
Metode ini tidak menerima argumen apa pun.
The
$.now()
metode adalah singkatan untuk jumlah yang dikembalikan oleh ekspresi(new Date).getTime()
.http://api.jquery.com/jQuery.now/
Mudah menggunakan Javascript:
sumber
$ .now () jQuery adalah alias dari Date (). getTime () baru, fungsi Javascript internal.
http://api.jquery.com/jquery.now/
Ini mengembalikan jumlah detik yang berlalu sejak tahun 1970, yang biasa disebut (tidak harus dengan benar) sebagai Waktu Unix, Epoch, atau Stempel Waktu, tergantung pada lingkaran tempat Anda berada. Dapat sangat berguna untuk menghitung perbedaan antara tanggal / waktu menggunakan matematika sederhana . Tidak memiliki informasi TimeZone dan selalu UTC.
http://en.wikipedia.org/wiki/Unix_time
Tidak perlu menggunakan jQuery karena selain alias ini, ia tidak banyak membantu manipulasi tanggal / waktu.
Jika Anda mencari cara cepat dan kotor untuk merepresentasikan waktu dalam teks, objek Javascript Date memiliki prototipe "toString" yang akan mengembalikan Waktu Tanggal yang diformat ISO.
Lebih dari itu, Anda mungkin ingin menyesuaikan pemformatan Anda. Objek Date memiliki kemampuan untuk mengeluarkan detail yang relevan sehingga Anda dapat membangun representasi string Anda sendiri.
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date
Namun, karena Anda telah meminta solusi jQuery - kemungkinan Anda bekerja dengan browser yang lebih lama. Jika Anda ingin melakukan hal-hal yang lebih spesifik - terutama menafsirkan string ke objek Date (berguna untuk respons API), Anda mungkin ingin melihat Moment.js.
http://momentjs.com/
Ini akan memastikan kompatibilitas lintas browser dan memiliki pemformatan yang lebih baik tanpa harus menyatukan banyak string untuk bersama-sama! Sebagai contoh:
sumber
Saya menggunakan momen untuk semua kebutuhan manipulasi / tampilan waktu saya (baik sisi klien, dan node.js jika Anda menggunakannya), jika Anda hanya memerlukan format sederhana jawaban di atas akan dilakukan, jika Anda mencari sesuatu yang sedikit lebih kompleks, saat adalah cara untuk pergi IMO.
sumber
Anda dapat memperoleh informasi lebih lanjut dari tautan di bawah ini
http://www.morgantechspace.com/2013/11/Dapatkan-current-Date-time-in-JQuery.html#GetLocalDateTimeinJQuery
sumber
Mencoba
sumber
Menggunakan fungsi Tanggal asli JavaScript, Anda bisa mendapatkan jam , menit , dan detik seperti yang Anda inginkan. Jika Anda ingin memformat tanggal dan waktu dengan cara tertentu, Anda mungkin ingin menerapkan metode memperpanjang prototipe Tanggal JavaScript.
Ini adalah salah satu yang sudah diterapkan: https://github.com/jacwright/date.format
sumber
Untuk waktu lokal dalam
ISO8601
untuk SQLTIMESTAMP
Anda dapat mencoba:sumber
sumber
Anda dapat menggunakan Date () di JS.
sumber
Pengikut
berfungsi untuk memaksa tanggal saat ini ke a
<input type="datetime-local">
sumber