jquery日期

jQuery 日期处理

jQuery本身不直接提供日期处理功能，但可以结合JavaScript的Date对象或第三方库（如moment.js）来实现日期操作。以下是常见日期处理的实现方法：

获取当前日期

使用JavaScript的Date对象获取当前日期，并通过jQuery显示：

var currentDate = new Date();
$('#dateContainer').text(currentDate.toDateString());

格式化日期

原生JavaScript的日期格式化功能有限，可以通过拼接字符串实现：

var date = new Date();
var formattedDate = date.getFullYear() + '-' + (date.getMonth() + 1) + '-' + date.getDate();
$('#formattedDate').text(formattedDate);

使用第三方库（推荐）

引入moment.js库可以简化日期操作：

<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.29.1/moment.min.js"></script>
<script>
  var formattedDate = moment().format('YYYY-MM-DD');
  $('#momentDate').text(formattedDate);
</script>

日期选择器插件

jQuery UI提供了日期选择器组件：

<link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<script>
  $(function() {
    $("#datepicker").datepicker();
  });
</script>
<input type="text" id="datepicker">

日期计算

使用Date对象进行日期加减：

var date = new Date();
date.setDate(date.getDate() + 7); // 增加7天
$('#futureDate').text(date.toLocaleDateString());

时区处理

使用toLocaleString()可显示本地时区时间：

var date = new Date();
$('#localDate').text(date.toLocaleString('en-US', { timeZone: 'Asia/Shanghai' }));

注意：对于复杂日期操作，建议始终使用moment.js或date-fns等专业库。