Laravel  
laravel
文档
数据库
架构
入门
php技术
    
Laravelphp
laravel / php / java / vue / mysql / linux / python / javascript / html / css / c++ / c#

js date format

作者:逐鹿↘星恒   发布日期:2025-04-08   浏览:125

// 示例代码:格式化 JavaScript Date 对象

// 创建一个新的 Date 对象
let date = new Date();

// 方法 1: 使用 toLocaleDateString() 格式化日期
let formattedDate1 = date.toLocaleDateString('en-US', {
    year: 'numeric',
    month: '2-digit',
    day: '2-digit'
});
console.log(formattedDate1); // 输出类似 "10/12/2023"

// 方法 2: 手动格式化日期
function formatDate(date) {
    let year = date.getFullYear();
    let month = String(date.getMonth() + 1).padStart(2, '0'); // 月份从 0 开始,所以要加 1
    let day = String(date.getDate()).padStart(2, '0');

    return `${year}-${month}-${day}`;
}

let formattedDate2 = formatDate(date);
console.log(formattedDate2); // 输出类似 "2023-10-12"

// 方法 3: 使用第三方库 moment.js (需引入 moment 库)
// 注意: 现在官方推荐使用更轻量的库如 date-fns 或者 Luxon
// import moment from 'moment';
// let formattedDate3 = moment(date).format('YYYY-MM-DD');
// console.log(formattedDate3); // 输出类似 "2023-10-12"

解释说明:

  1. toLocaleDateString():这是 JavaScript 内置的方法,可以根据不同的区域设置(如 en-US)来格式化日期。你可以指定输出的格式,例如年、月、日等。

  2. 手动格式化:通过获取年、月、日并使用 padStart() 方法确保月份和日期始终是两位数。

  3. 第三方库(如 moment.js):虽然 moment.js 是一个流行的日期处理库,但由于其体积较大,官方现在推荐使用更轻量的库如 date-fnsLuxon

上一篇:js date.gettime

下一篇:js date 转string

大家都在看

js 数组对象排序

js 数组删掉第一个值

js fill

js 数组复制

js 复制数组

js 数组拷贝

js 对象转数组

js 深拷贝数组

js 获取今天年月日

js jsonp

Laravel PHP 深圳智简公司。版权所有©2023-2043 LaravelPHP 粤ICP备2021048745号-3

Laravel 中文站