jquery日期格式化

jQuery 日期格式化方法

jQuery 本身没有内置的日期格式化功能，但可以通过 JavaScript 的 Date 对象或第三方库（如 moment.js）来实现。以下是几种常见的日期格式化方法：

使用 JavaScript 原生方法

通过 Date 对象的方法可以手动组合日期格式：

var date = new Date();
var formattedDate = date.getFullYear() + '-' + 
                   (date.getMonth() + 1).toString().padStart(2, '0') + '-' + 
                   date.getDate().toString().padStart(2, '0');
console.log(formattedDate); // 输出类似 "2023-10-05"

使用 moment.js 库

moment.js 是一个流行的日期处理库，可以轻松实现日期格式化：

1. 引入 moment.js：

   

   <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.29.1/moment.min.js"></script>

2. 格式化日期：

   var date = moment().format('YYYY-MM-DD');
   console.log(date); // 输出类似 "2023-10-05"

自定义 jQuery 扩展

可以扩展 jQuery 的功能，添加日期格式化方法：

$.fn.formatDate = function(format) {
    var date = new Date($(this).val());
    if (format === 'YYYY-MM-DD') {
        return date.getFullYear() + '-' + 
               (date.getMonth() + 1).toString().padStart(2, '0') + '-' + 
               date.getDate().toString().padStart(2, '0');
    }
    return '';
};

// 使用示例
var formattedDate = $('#dateInput').formatDate('YYYY-MM-DD');

使用 date-fns 库

date-fns 是另一个轻量级的日期处理库：

1. 引入 date-fns：

   <script src="https://cdnjs.cloudflare.com/ajax/libs/date-fns/1.30.1/date_fns.min.js"></script>

2. 格式化日期：

   var date = new Date();
   var formattedDate = dateFns.format(date, 'yyyy-MM-dd');
   console.log(formattedDate); // 输出类似 "2023-10-05"

以上方法可以根据需求选择适合的方案。moment.js 功能强大但体积较大，date-fns 更轻量，原生 JavaScript 方法则无需额外依赖。