用jquery获取当前的日期

Hey亲爱的小伙伴们，今天来聊聊如何用JQuery来获取当前的日期，是不是听起来就很有趣呢？我们每天都在用日历，但是你有没有想过，其实编程也可以做到这一点，而且非常简单哦！就让我们一起来这个小技能吧。

我们要明白，JQuery是一个快速、小巧且功能丰富的JavaScript库，它让HTML文档遍历和操作、事件处理、动画和Ajax等操作变得更加简单，而获取当前日期，就是JQuery众多功能中的一个。

我们如何用JQuery来获取当前日期呢？其实只需要几行代码就能搞定，你需要在你的项目中引入JQuery库，如果你还没有引入，可以通过以下方式来添加：

```html

```

我们可以写一个简单的函数来获取当前的日期，这里有两种方法可以实现，一种是直接使用JavaScript的Date对象，另一种是使用JQuery的日期插件，我们先来看看第一种方法：

```javascript

$(document).ready(function(){

var currentDate = new Date();

var day = currentDate.getDate();

var month = currentDate.getMonth() + 1; // 月份是从0开始的，所以需要+1

var year = currentDate.getFullYear();

var dateStr = year + '-' + month + '-' + day;

console.log("当前日期是：" + dateStr);

});

```

这段代码会在文档加载完成后执行，它会创建一个新的Date对象，然后分别获取年、月、日，并拼接成一个字符串，它会在控制台打印出当前的日期。

如果你想要更人性化的日期格式，2023年4月1日”，你可以使用JQuery的日期插件，jQuery DatePicker`，这个插件不仅可以帮你获取日期，还可以让你的用户选择日期，使用这个插件，你可以这样写代码：

```html

```

在HTML中加入一个输入框：

```html

```

这样，用户就可以通过点击输入框来选择日期，而日期也会按照你设置的格式显示。

如果你只是想要获取当前的日期，而不是让用户选择日期，那么你可以直接使用JavaScript的Date对象，就像我们之前做的那样。

让我们来聊聊如何将获取到的日期显示在网页上，你可以使用JQuery的`.text()`或者`.html()`方法来实现这一点。

```javascript

$(document).ready(function(){

var currentDate = new Date();

var day = currentDate.getDate();

var month = currentDate.getMonth() + 1;

var year = currentDate.getFullYear();

var dateStr = year + '-' + month + '-' + day;

$('#dateDisplay').text("当前日期是：" + dateStr);

});

```

在HTML中加入一个元素来显示日期：

```html

```

这样，当你的网页加载时，这个元素就会显示当前的日期。

我想说的是，虽然获取当前日期是一个简单的操作，但是它在很多场景下都非常有用，你可以用它来记录日志、生成报告的标题、或者在用户界面上显示当前日期，通过使用JQuery，你可以让这个过程变得更加简单和高效。

这就是用JQuery获取当前日期的全部内容了，希望这篇文章能帮助你更好地理解和使用JQuery，如果你有任何问题或者想要了解更多关于JQuery的知识，欢迎在评论区留言，我会尽快回复你，让我们一起在编程的世界里不断和学习吧！