如何從輸入日期和時間輸入整Date對象在JavaScript

Question

我有這兩個輸入：

<input type="date" ng-model="year"> 
<input type="time" ng-model="time"> 

我想創建一個由兩個值的Date對象。類似這樣的：

​​

我該怎麼做？

Answer 1

您可以手動將兩個日期一起添加到控制器中。如果你想讓它自動更新你的控制器範圍，那麼你可以使用一個監視表達式與日期算法相結合。例如：

$scope.$watchGroup(['year', 'time'], function (values) { 
    var year = values[0], time = values[1]; 
    $scope.date = new Date(year.getYear(), year.getMonth(), year.getDay(), time.getHours(), time.getMinutes(), time.getSeconds(), time.getMilliseconds()); 
}); 

然後你就可以在你的範圍內使用date但是你願意的話，它會自動更新每當year或time變化。

---

請注意，對於input[type=date]的內置支持僅適用於Angular 1.3.x或更高版本。早期版本不會讓您訪問模型中的日期。

Answer 2

使用以下格式。

如果小時，分鐘，秒，毫秒值未知，請給它們代替它們。

var d = new Date(year, month, day, hours, minutes, seconds, milliseconds); 

這裏變量'd'將返回日期對象，從中獲得紀元時間。