日期丢失格式并变为未定义

Question

我创建了这段代码。

var selectedDate = new Date();
selectedDate = new Date(measure.date + " " + measure.column[key].time);
console.log(measure.date + " " + measure.column[key].time); //08/05/2017 08:05 <- dd/MM/yyyy HH:mm
console.log(selectedDate); //Sat Aug 05 2017 08:05:00 GMT+0200 (Romance Summer Time)
$scope.popupData.push({selectedHour: selectedDate, minHour:$scope.minvalueHour, maxHour:$scope.maxvalueHour, valueItem:measure.column[key].value});
console.log($scope.popupData[key].selectedHour);
//0: {selectedHour: undefined, minHour: "08:00", maxHour: "08:59", valueItem: "10", $$hashKey: "object:887"}length: 1__proto__: Array(0)

这段代码有两个问题，第一个，它改变了天的月份，第二个虽然它创建了日期，但显示变量未定义，我在 cmets 中指出了 console.log 的结果

Answer 1

changes the months for the days 的第一个问题是由于 new Date() 构造函数需要 yyyy-MM-dd（ISO 8601 格式）并且在处理其他输入时表现不佳。

修复：

// Parse measure.date into ISO 8601
var parsedMeasureDate = measure.date.split("/").reverse().join('-');
var selectedDate = new Date(parsedMeasureDate);

// Parse time into array and manually set hours and minutes
var parsedMeasureTime = measure.column[key].time.split(":");
selectedDate.setHours(parsedMeasureTime[0]);
selectedDate.setMinutes(parsedMeasureTime[1]);

至于第二个问题，这很奇怪。尝试预先创建对象，记录它，然后推送它。

var x = {
    selectedHour: selectedDate, 
    minHour:$scope.minvalueHour, 
    maxHour:$scope.maxvalueHour, 
    valueItem:measure.column[key].value
};

console.log(x);

$scope.popupData.push(x);

另外，作为提示，您应该尝试始终存储一个 Date 对象并使用 date angular filter 以您想要的任何格式显示。