Javascript格式日期/时间

IT技术 javascript date datetime
2021-01-24 09:57:43

我需要改变从一个日期/时间2014年8月20日15:30:00看起来像2014年8月20日下午3:30

这可以使用 javascript 的 Date 对象完成吗?

5个回答

是的,您可以使用原生 javascript Date() 对象及其方法。

例如,您可以创建一个函数,如:

function formatDate(date) {
  var hours = date.getHours();
  var minutes = date.getMinutes();
  var ampm = hours >= 12 ? 'pm' : 'am';
  hours = hours % 12;
  hours = hours ? hours : 12; // the hour '0' should be '12'
  minutes = minutes < 10 ? '0'+minutes : minutes;
  var strTime = hours + ':' + minutes + ' ' + ampm;
  return (date.getMonth()+1) + "/" + date.getDate() + "/" + date.getFullYear() + "  " + strTime;
}

var d = new Date();
var e = formatDate(d);

alert(e);

并显示上午/下午和正确的时间。

请记住使用getFullYear()方法而不是 getYear() 因为它已被弃用。

演示 http://jsfiddle.net/a_incarnati/kqo10jLb/4/

我是第一个使用 moment.js 的人,但在这种情况下,问题很明确:Javascript 格式日期/时间。我在 2012 年回答了这个问题,我相信能够使用原生 js 方法总是好的。现在这些库,比如 moment.js 甚至更好,所以是否使用库或完全依赖于语言真的取决于开发人员。
2021-03-16 09:57:43
这个月对我来说是错误的。当我使用 () 时效果很好,例如 (date.getMonth()+1)。
2021-03-17 09:57:43
嗯,答案在技术上是正确的。此外,该问题询问如何将 Date 对象用于此目的,因此从技术上讲,如果从字面上理解,这可能是对该问题的最准确答案。但是,这样的回答让很多程序员觉得,遇到这样的问题,复制粘贴这段代码才是他们应该做的。那是国际海事组织错了。
2021-03-18 09:57:43
为什么不放“new Date();” 进入函数,然后只是 formatDate(somestring)?然后你有一个对象构造函数而不是五十个。
2021-03-23 09:57:43

请不要重新发明轮子。已经存在许多开源和 COTS 解决方案来解决这个问题。

请查看以下 JavaScript 库:


演示

更新:我使用下面的Moment.js Luxon写了一个单行。

const { DateTime } = luxon;

const value = DateTime
  .fromFormat("2014-08-20 15:30:00", "yyyy-MM-dd HH:mm:ss")
  .toFormat('MM/dd/yyyy h:mm a');

console.log(value); // 08/20/2014 3:30 PM
<script src="https://cdnjs.cloudflare.com/ajax/libs/luxon/1.26.0/luxon.min.js"></script>

这是使用 Moment 的原始版本。由于 Luxon 是 Moment 的继任者,因此我将其作为替代方案包含在内。

const value = moment('2014-08-20 15:30:00').format('MM/DD/YYYY h:mm a');

console.log(value); // 08/20/2014 3:30 pm
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.29.1/moment.min.js"></script>

简单的 Javascript 实际上就是轮子,如果人们不尝试重新发明它,那么像 Moment.js 这样的伟大的东西就不会出现。
2021-03-16 09:57:43
“重新发明轮子” - 更像是装上新轮胎,也许是雪地轮胎以获得更有效的牵引力!moment.js 就像坚持在干燥的路面上使用 4 轮驱动......
2021-03-26 09:57:43
哇,12k 只是为了格式化日期/时间?有时,重新发明轮子是非常有意义的。如果您正在进行大量日期操作,那么库是正确的方法。如果您需要占用空间较小的一次性解决方案,那么您可以尝试stackoverflow.com/q/6312993/132599
2021-03-27 09:57:43
有时库不是一个选项(例如,当在 Cloudant 服务器上的 couchdb 数据库上使用 javascript 时)。
2021-03-27 09:57:43
必须转换 JSON 数组才能使用调度程序小部件。这个解决方案让我能在 5 分钟内搞定。太棒了。
2021-04-02 09:57:43

对于日期部分:(月份为 0 索引,而天数为 1 索引)

var date = new Date('2014-8-20');
console.log((date.getMonth()+1) + '/' + date.getDate() + '/' +  date.getFullYear());

暂时您需要创建一个函数来测试不同的情况并进行转换。

为什么它的索引不同?
2021-04-05 09:57:43
也许是因为它们有两种不同的解释:月份的天数本质上是一个编号,它们仅以这个数字为特征。在这种情况下,这不是索引,而月份通常以其名称为特征。这就是为什么它是一个索引表示(这就是为什么它们从 0 开始)。使用起来还是很痛苦的。
2021-04-08 09:57:43

我不认为这可以通过本机 Date 对象的内置方法可靠地完成。toLocaleString方法靠拢,但如果我记得正确的,它不会正确IE <10.如果你能够使用图书馆这个任务,工作MomentJS是一个非常了不起的库; 它使处理日期和时间变得容易。否则,我认为您将不得不编写一个基本函数来为您提供所需的格式。

function formatDate(date) {
    var year = date.getFullYear(),
        month = date.getMonth() + 1, // months are zero indexed
        day = date.getDate(),
        hour = date.getHours(),
        minute = date.getMinutes(),
        second = date.getSeconds(),
        hourFormatted = hour % 12 || 12, // hour returned in 24 hour format
        minuteFormatted = minute < 10 ? "0" + minute : minute,
        morning = hour < 12 ? "am" : "pm";

    return month + "/" + day + "/" + year + " " + hourFormatted + ":" +
            minuteFormatted + morning;
}
一般来说,一种更简单的零填充方法是: ('0' + month).slice(-2)
2021-03-21 09:57:43
if (month < 10) month = '0' + month; if (day < 10) day = '0' + day; 您可以在 return 语句之前添加它以使日期看起来更符合人体工程学。
2021-03-27 09:57:43
在 ES6 中, `0${month}`.slice(-2)
2021-04-04 09:57:43
或者,更冗长,但其意图更清晰:(d.getMinutes().toString().padStart(2, '0')适用于任何现代浏览器,即不适用于 IE)
2021-04-04 09:57:43

你可以这样做:

function formatAMPM(date) { // This is to display 12 hour format like you asked
  var hours = date.getHours();
  var minutes = date.getMinutes();
  var ampm = hours >= 12 ? 'pm' : 'am';
  hours = hours % 12;
  hours = hours ? hours : 12; // the hour '0' should be '12'
  minutes = minutes < 10 ? '0'+minutes : minutes;
  var strTime = hours + ':' + minutes + ' ' + ampm;
  return strTime;
}

var myDate = new Date();
var displayDate = myDate.getMonth()+ '/' +myDate.getDate()+ '/' +myDate.getFullYear()+ ' ' +formatAMPM(myDate);
console.log(displayDate);

小提琴