функция jQuery getTime - PullRequest
Новая
       29

функция jQuery getTime

33 голосов
/ 22 марта 2009

возможно ли создать функцию jQuery, чтобы она получала текущие дату и время? Я искал документацию, но пока ничего не нашел ...

Ответы [ 7 ]

47 голосов
/ 22 марта 2009

@ Никф правильно. Однако, чтобы быть немного более точным: 

// 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();

Так что, если вы хотите отобразить его как мм / дд / гггг, вы должны сделать это: 

var displayDate = (myDate.getMonth()+1) + '/' + (myDate.getDate()) + '/' + myDate.getFullYear();

Проверьте полную ссылку объекта Date. К сожалению, распечатывать различные форматы не так приятно, как на других серверных языках. По этой причине есть - - многие - функции доступны в дикой природе

21 голосов
/ 04 июля 2012

Да , возможно: 

jQuery.now()

или просто 

$.now()

см. Документацию jQuery для jQuery.now ()

20 голосов
/ 22 марта 2009

Вам не нужен jquery для этого, просто javascript. Например, вы можете сделать таймер, используя это: 

<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

7 голосов
/ 22 марта 2009

Это простой JavaScript: 

new Date()
4 голосов
/ 23 июня 2011

Цифровые Часы с 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;}</p>
<p>  } 
  myDate();
  setInterval(function(){   myDate();}, 1000);

  });
  </script>
  <style>
  body {font-family:"Comic Sans MS", cursive;}
  h1 {text-align:center;background: gray;color:#fff;padding:5px;padding-bottom:10px;}
  #Content {margin:0 auto;border:solid 1px gray;width:140px;display:table;background:gray;}
  #HourDiv, #MinutDiv, #SecDiv {float:left;color:#fff;width:40px;text-align:center;font-size:25px;}
  span {float:left;color:#fff;font-size:25px;}
  </style>
  <div id="clockDiv"></div>
  <h1>My jQery Clock</h1>
  <div id="Content">
  <div id="HourDiv"></div><span>:</span><div id="MinutDiv"></div><span>:</span><div id="SecDiv"></div>
  </div>
1 голос
/ 16 сентября 2013

это мой путь: 

    <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);
}

это не может быть лучше, но делать работу:)

0 голосов
/ 07 декабря 2015

Раздражительно date.getSeconds() и др. в Javascript не будут дополнять результат нулями 11:0:0 вместо 11:00:00.

Так что я люблю использовать 

date.toLocaleTimestring()

Что делает 11:00:00 AM. Просто будьте осторожны при использовании дополнительных опций, некоторые браузеры их не поддерживают (Safari)

Документация

...