jQuery 格式日期 - Javascript

在 Web 开发中，日期格式化是一个常见的需求。然而，JavaScript 自身对日期的格式化支持非常有限。幸运的是，jQuery 提供了一些方便的方法来帮助我们格式化日期。

格式化日期

使用 jQuery 的 $.datepicker.formatDate() 方法，我们可以很容易地将一个日期转换为指定的格式，例如：

var date = new Date();
var formattedDate = $.datepicker.formatDate('dd/mm/yy', date);
console.log(formattedDate); // 输出例如 23/11/2021

在上面的示例中，我们使用 $.datepicker.formatDate() 方法将当前日期格式化为 dd/mm/yy 的格式。

格式化时间

除了日期格式化之外，我们有时也需要格式化时间。jQuery UI 的时间选择器组件 timepicker 可以帮助我们完成这个任务。

<input type="text" id="timepicker" />

<script>
  $(function() {
    $('#timepicker').timepicker({
      timeFormat: 'HH:mm:ss',
      interval: 30,
      scrollbar: true
    });
  });
</script>

在上面的示例中，我们使用 timepicker() 方法来初始化一个时间选择器，并通过 timeFormat 选项指定了时间的格式为 HH:mm:ss。

单位转换

有时我们需要将一个日期单位（例如天、小时、分钟）转换为另一个单位。jQuery UI 提供了一个名为 $.datepicker.daysInMonth() 的方法来帮助我们完成这个任务。例如：

var year = 2021;
var month = 11; // 12 月
var daysInMonth = $.datepicker.daysInMonth(year, month);
console.log(daysInMonth); // 输出 31

在上面的示例中，我们使用 $.datepicker.daysInMonth() 方法计算了 2021 年 12 月有多少天。

总结

通过使用 jQuery 和 jQuery UI 提供的方法，我们可以轻松地格式化日期和时间，以及进行单位转换。这些方法可以帮助我们节省开发时间，并提高代码的可读性和可维护性。