jquery获取当前时间-jquery如何获取日期

在Web开发过程中，经常需要获取当前日期和时间或者对日期和时间进行操作。 jQuery 是一个非常流行的 JavaScript 库，它提供了许多快速简便的方法来获取和操作日期和时间。

获取当前日期和时间

在 jQuery 中，您可以使用“Date()”方法来获取当前日期和时间。 如下：

$(document).ready(function(){   var nowDate = new Date();   console.log(nowDate);});

在前面的代码中，“new Date()”返回当前日期和时间对象。 您可以使用“console.log()”复制当前日期和时间。

获取指定的日期和时间

如果您需要获取指定的日期和时间，该怎么办？ 您可以使用“new Date(年、月、日、时、分、秒、毫秒)”方法来获取指定的日期和时间。 如下：

$(document).ready(function(){   var date = new Date(2022, 4, 6, 10, 12, 30, 0);   console.log(date);});

在上面的代码中jquery获取当前时间，“new Date()”返回 2022 年 5 月 6 日 10:12:30 的日期和时间对象。 您可以使用“console.log()”复制指定的日期和时间。

获取当前年份

如果您只需要获取当前年份jquery获取当前时间，可以使用“getFullYear()”方法来获取。 如下：

$(document).ready(function(){   var nowDate = new Date();   var year = nowDate.getFullYear();   console.log(year);});

在前面的代码中，“nowDate.getFullYear()”返回当前年份，您可以使用“console.log()”复制年份。

获取当前月份

如果只需要获取当前月份，可以使用“getMonth()”方法获取。 需要注意的是，该方法返回0-11之间的数字。 如下：

$(document).ready(function(){   var nowDate = new Date();   var month = nowDate.getMonth()+1;   console.log(month);});

在里面的代码中，“nowDate.getMonth()+1”返回当前月份数。 可以使用“console.log()”复制月份。

获取当前日期

如果您只需要获取当前日期，可以使用“getDate()”方法来获取。 如下：

$(document).ready(function(){   var nowDate = new Date();   var date = nowDate.getDate();   console.log(date);});

在里面的代码中，“nowDate.getDate()”以数字形式返回当前日期。 可以使用“console.log()”复制日期。

获取当前小时

如果您只需要获取当前小时，可以使用“getHours()”方法来获取。 如下：

$(document).ready(function(){   var nowDate = new Date();   var hour = nowDate.getHours();   console.log(hour);});

在代码中，“nowDate.getHours()”返回当前小时。 可以使用“console.log()”复制小时数。

获取当前分钟

如果只需要获取当前分钟数，可以使用“getMinutes()”方法获取。 如下：

$(document).ready(function(){   var nowDate = new Date();   var minute = nowDate.getMinutes();   console.log(minute);});

在代码中，“nowDate.getMinutes()”返回当前的分钟数。 可以使用“console.log()”复制分钟数。

获取当前秒数

如果只需要获取当前秒数，可以使用“getSeconds()”方法获取。 如下：

$(document).ready(function(){   var nowDate = new Date();   var second = nowDate.getSeconds();   console.log(second);});

在里面的代码中，“nowDate.getSeconds()”返回当前秒数。 可以使用“console.log()”复制秒数。

获取当前微秒

如果只需要获取当前的微秒数，可以使用“getMilliseconds()”方法来获取。 如下：

$(document).ready(function(){   var nowDate = new Date();   var millisecond = nowDate.getMilliseconds();   console.log(millisecond);});

在里面的代码中，“nowDate.getMilliseconds()”返回当前的微秒数。 可以使用“console.log()”复制微秒。

运行日期和时间

在 jQuery 中，您可以使用“getTime()”方法来获取特定日期的时间戳。 如下：

$(document).ready(function(){   var date = new Date(2022, 4, 6, 10, 12, 30, 0);   var timestamp = date.getTime();   console.log(timestamp);});

在里面的代码中，“date.getTime()”返回指定日期的时间戳。 可以使用“console.log()”复制时间戳。

此外，jQuery还提供了许多其他方法来操作日期和时间，例如“setFullYear()”、“setMonth()”等。 更多方法可以到jQuery官网查看。

总结

在Web开发过程中，经常需要获取和操作日期和时间。 jQuery 提供了许多方便快捷的方法来获取和操作日期和时间。 上面描述了获取当前日期和时间、获取指定日期和时间、获取当前年份、获取当前月份、获取当前日期、获取当前小时、获取当前分钟、获取当前秒、获取当前时间微秒、操作日期和时间等等，希望对您有所帮助。

使用 jQuery 对无序列表进行排序

借助jQuery对无序列表进行排序的原理是：获取无序列表中的所有列表项，将其转换为链表jquery列表，使用JavaScript函数对其进行排序，然后再次输出。 使用的 jQuery 函数有 read()、get()、text()、each()、append() 和 JavaScript 函数 sort()。

1.jQuery函数介绍

(1) jQuery函数get()--获取匹配元素的集合

该函数获取所有匹配元素的向后兼容形式（与 jQuery 对象不同，后者实际上是元素的链接列表）。 其句型如下：

  
  
object.get() 

注意：如果您想直接操作 DOM 对象而不是 jQuery 对象，此函数特别有用。

(2) jQuery函数text()——获取和设置元素内容

该函数获取并设置匹配元素的文本内容。 其句型如下：

  
  
object.text([val|fn]) 

注意：val 和 fn 参数是可选的。 val为集合元素的文本内容值； fn(index,text)函数返回一个字符串，接受两个参数，index是元素在集合中的索引位置，text是原始文本值。

(3) jQuery函数append()--向元素添加内容

此函数将内容附加到每个匹配的元素。 其句型如下：

  
  
object.append(content|fn) 

注意：此操作类似于对指定元素执行appendChild方法并将其添加到文档中。 content参数表示附加内容； fn(index,html) 返回一个 HTML 字符串，用于追加到每个匹配元素上，接受两个参数，index 参数是该对象在这个集合中的索引值，html 参数是该对象之前的 html 值。

2.JavaScript函数介绍

JavaScript 函数 sort()——元素排序，用于对链表的元素进行排序。 其句型如下：

  
  
arrayObject.sort([sortby]) 

注意：sortby 是可选的，指定排序的顺序。 它必须是一个函数。 返回值是排序后的链表本身。 如果不带参数调用此方法，则链表中的元素将按字母顺序排序。 更准确的说，是按照字符编码的顺序排序的。 为此jquery列表，应首先将链表的元素转换为字符串（如果需要）以便于比较。

如果要按其他标准排序，则需要提供比较函数，该函数比较两个值，然后返回一个数字，表示两个值的相对顺序。 比较函数应该有两个参数a和b，其返回值如下：如果a大于b，则在排序链表中a应该出现在b之前，然后返回一个大于0的值。如果a大于则返回0等于b。 如果 a 小于 b，则返回小于 0 的值。

3.功能实现

实现无序列表项排序功能的步骤如下。

(1) 获取所有列表项并将其放入链表中。

(2) 对链表对象进行排序。

(3) 将排序后的链表重新填充到无序列表中。

首先，导入 jQuery 库：

  
  
<script language="JavaScript" src="jslib/jquery-1.6.js"></script> 

之后，添加完整代码：

  
  
1 <script language="JavaScript" type="text/JavaScript"> 
2 $(document).ready(function(){  
3   var items = $(".orderobj li").get();    //获取所有待排序li装入数组items  
4   items.sort(function(a,b)                //调用JavaScript内置函数sort  
5   {  
6       var elementone = $(a).text();  
7       var elementtwo = $(b).text();  
8       if(elementone < elementtwo) return -1;   
9       if(elementone > elementtwo) return 1;  
10      return 0;  
11  });  
12  
13  var ul = $(".orderobj");  
14  $.each(items,function(i,li)       
                //通过遍历每一个数组元素，填充无序列表  
15  {  
16      ul.append(li);  
17  });  
18 });  
19 </script> 

上面的代码通过形参对无序列表进行排序并重新填充，使列表项排序。 具体疗效见图4.11。

图 4.11 对无序列表项进行排序

原来的：