문제
현재 날짜와 시간을 얻도록 jQuery 함수를 만들 수 있습니까? 문서를 둘러 보았지만 지금까지 아무것도 찾지 못했습니다 ...
해결책
@nickf가 맞습니다. 그러나 조금 더 정확합니다.
// if you try to print it, it will return something like:
// Sat Mar 21 2009 20:13:07 GMT-0400 (Eastern Daylight Time)
// This time comes from the user's machine.
var myDate = new Date();
따라서 MM/DD/YYYY로 표시하려면 다음을 수행 할 것입니다.
var displayDate = (myDate.getMonth()+1) + '/' + (myDate.getDate()) + '/' + myDate.getFullYear();
확인하십시오 전체 참조 날짜 개체의. 불행히도 다른 서버 측 언어와 마찬가지로 다양한 형식을 인쇄하는 것은 그리 좋지 않습니다. 이런 이유로 거기-~이다-많은-기능 야생에서 사용할 수 있습니다.
다른 팁
jQuery가 필요하지 않습니다. 예를 들어, 이것을 사용하여 타이머를 수행 할 수 있습니다.
<body onload="clock();">
<script type="text/javascript">
function clock() {
var now = new Date();
var outStr = now.getHours()+':'+now.getMinutes()+':'+now.getSeconds();
document.getElementById('clockDiv').innerHTML=outStr;
setTimeout('clock()',1000);
}
clock();
</script>
<div id="clockDiv"></div>
</body>
여기에서 전체 참조를 볼 수 있습니다. http://www.hunlock.com/blogs/javascript_dates-the_complete_reference
평범한 자바 스크립트입니다.
new Date()
jQuery가있는 디지털 시계
<script type="text/javascript" src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js?ver=1.3.2'></script> <script type="text/javascript"> $(document).ready(function() { function myDate(){ var now = new Date(); var outHour = now.getHours(); if (outHour >12){newHour = outHour-12;outHour = newHour;} if(outHour<10){document.getElementById('HourDiv').innerHTML="0"+outHour;} else{document.getElementById('HourDiv').innerHTML=outHour;} var outMin = now.getMinutes(); if(outMin<10){document.getElementById('MinutDiv').innerHTML="0"+outMin;} else{document.getElementById('MinutDiv').innerHTML=outMin;} var outSec = now.getSeconds(); if(outSec<10){document.getElementById('SecDiv').innerHTML="0"+outSec;} else{document.getElementById('SecDiv').innerHTML=outSec;}} 내 데이트 상대(); setInterVal (function () {mydate ();}, 1000); });u003C/script>u003Cstyle>n body {font-family:"Comic Sans MS", cursive;}n h1 {text-align:center;background: gray;color:#fff;padding:5px;padding-bottom:10px;}n #Content {margin:0 auto;border:solid 1px gray;width:140px;display:table;background:gray;}n #HourDiv, #MinutDiv, #SecDiv {float:left;color:#fff;width:40px;text-align:center;font-size:25px;}n span {float:left;color:#fff;font-size:25px;}n u003C/style>u003Cdiv id="clockDiv">u003C/div>u003Ch1>내 jQery 시계u003C/h1>u003Cdiv id="Content">u003Cdiv id="HourDiv">u003C/div> u003Cspan>:u003C/span>u003Cdiv id="MinutDiv">u003C/div> u003Cspan>:u003C/span>u003Cdiv id="SecDiv">u003C/div>u003C/div>
이게 내 방법이야 :
<script type="text/javascript">
$(document).ready(function() {
setInterval(function(){currentTime("#idTimeField")}, 500);
});
function currentTime(field) {
var now = new Date();
now = now.getHours() + ':' + now.getMinutes() + ':' + now.getSeconds();
$(field).val(now);
}
아마도 최고는 아니지만 일을합니다 :)
성가신 JavaScript의 date.getSeconds()
et al 결과를 0으로 채우지 않습니다 11:0:0
대신에 11:00:00
.
그래서 나는 사용하는 것을 좋아합니다
date.toLocaleTimestring()
어느 것이 렌더링됩니다 11:00:00 AM
. 추가 옵션을 사용할 때 조심하십시오. 일부 브라우저는 지원하지 않습니다 (Safari).