jQuery 当前日期|极客教程

jQuery 当前日期

在网页开发中，经常需要获取当前日期和时间来展示或进行特定的操作。而使用jQuery库可以简单方便地实现这一功能。下面我们来详细介绍如何使用jQuery获取当前日期，并展示在网页上。

获取当前日期

要获取当前日期，可以使用JavaScript内置的Date对象。而在jQuery中，也可以通过$函数来简化操作。

// 使用JavaScript获取当前日期
let today = new Date();
console.log(today);

// 使用jQuery获取当前日期
let todayJQ = $.now();
console.log(todayJQ);

上面的代码演示了如何使用JavaScript和jQuery分别获取当前日期。值得注意的是，jQuery提供了$.now()方法来获取当前时间戳，而时间戳可以方便地转换为日期格式。

格式化日期

获取到的日期默认是一个Date对象或时间戳，如果需要将日期格式化为特定的格式，可以使用第三方库如moment.js。当然，也可以自己编写函数来处理日期格式化。

// 使用JavaScript格式化日期
function formatDate(date) {
    let year = date.getFullYear();
    let month = date.getMonth() + 1;
    let day = date.getDate();

    return year + '-' + month + '-' + day;
}

console.log(formatDate(today));

// 使用jQuery格式化日期
function formatJQDate(dateJQ) {
    let formattedDate = new Date(dateJQ);
    return formatDate(formattedDate);
}

console.log(formatJQDate(todayJQ));

上述代码展示了如何使用JavaScript和jQuery分别格式化日期。可以看到，使用Date对象可以方便地获取年、月、日等信息，从而进行格式化输出。

在网页上展示当前日期

最常见的需求是将当前日期展示在网页上，以便用户了解最新的日期信息。可以通过jQuery来修改网页上的元素内容来达到这一目的。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Current Date Example</title>
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
    <h1>Current Date: <span id="currentDate"></span></h1>

    <script>
         $(document).ready(function() { let today = new Date(); let formattedDate = formatDate(today);$ ("#currentDate").text(formattedDate);
        });

        function formatDate(date) {
            let year = date.getFullYear();
            let month = date.getMonth() + 1;
            let day = date.getDate();

            return year + '-' + month + '-' + day;
        }
    </script>
</body>
</html>

在上面的示例代码中，使用jQuery来获取当前日期并格式化为年-月-日的形式，然后将其展示在网页上的<span>元素中。