문제

현재 날짜와 시간을 얻도록 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.now()

또는 간단히

$.now()

jQuery.now ()의 jQuery 문서를 참조하십시오.

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

선적 서류 비치

라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top