Javascript格式日期/时间[重复]

Question

我需要将日期/时间从 2014-08-20 15:30:00 更改为类似于 08/20/2014 3:30 pm p>

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

Answer 1

是的，您可以使用原生 javascript Date() object 及其方法。

例如，您可以创建如下函数：

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/

Answer 2

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

请查看以下 JavaScript 库：

• Luxon: [CDN] | [Source] | [Minified]
• Moment.js: [CDN] | [Source] | [Minified]
• Datejs: [CDN] | [Source] | [Alpha1.zip (1.6MB)]

---

演示

更新：我在下面使用 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>

Answer 3

对于日期部分：（月份为 0 索引，而日期为 1 索引）

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

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

Answer 4

我认为使用原生 Date 对象上的内置方法无法可靠地做到这一点。 toLocaleString 方法接近了，但如果我没记错的话，它在 IE 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;
}

Answer 5

你可以这样做：

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);

Fiddle