33

是否可以创建一个 jQuery 函数以获取当前日期和时间？我一直在寻找文档，但到目前为止还没有找到任何东西......

4

7 回答 7

47

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

查看 Date 对象的完整参考。不幸的是，打印出各种格式不如使用其他服务器端语言好。出于这个原因，有-有-许多-在野外可用的功能。

于 2009-03-22T00:19:43.830 回答
21

是的，有可能：

jQuery.now()

或者干脆

$.now()

请参阅 jQuery.now() 的 jQuery 文档

于 2012-07-04T12:45:27.897 回答
20

你不需要 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

于 2009-03-22T00:21:23.577 回答
7

这是普通的javascript：

new Date()
于 2009-03-22T00:10:42.977 回答
4

带有 jQ​​uery 的数字时钟

  <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">
  $(文档).ready(函数() {
  函数我的日期（）{
  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);

  });
  </脚本>
  <风格>
  正文 {字体系列：“Comic Sans MS”，草书；}
  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;}
  跨度{浮动：左；颜色：#fff；字体大小：25px；}
  </style>
  <div id="clockDiv"></div>
  <h1>我的 jQery 时钟</h1>
  <div id="内容">
  <div id="HourDiv"></div><span>:</span><div id="MinutDiv"></div><span>:</span><div id="SecDiv"></分区>
  </div>
于 2011-06-23T14:21:21.627 回答
2

这是我的方式 ：

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

这可能不是最好的，但做的工作:)

于 2013-09-16T10:13:14.480 回答
0

令人讨厌的是 Javascript 的date.getSeconds() et al不会用零11:0:0而不是11:00:00.

所以我喜欢用

date.toLocaleTimestring()

呈现11:00:00 AM. 使用额外选项时请注意，某些浏览器不支持它们（Safari）

文档

于 2015-12-07T12:42:38.270 回答