AngularJsで日付と時刻からdatetimeを作成する方法は？

Question

私はAngularJsのプロジェクトに取り組んでいます。 ここには3つのhtmlコントロールがあります。

• 日付ピッカー（HTML5の日付）=>$scope.date
• timepicker（HTML5の時間）=>$scope.from
• timepicker（HTML5の時間）=>$scope.to以下

ありますhtmlコード。

<form> 
    <div class="form-group row"> 
    <label for="" class="col-sm-2 col-form-label">Set date</label> 
    <div class="col-sm-5"> 
     <!-- <input type="email" class="form-control" id="inputEmail3" placeholder="Email"> --> 
     <datepicker date-format="yyyy-MM-dd" selector="form-control"> 
     <div class="input-group"> 
      <input class="form-control" placeholder="Choose a date" ng-model="date" id="date" /> 
      <spam class="input-group-addon" style="cursor: pointer"> 
      <i class="fa fa-lg fa-calendar"></i> 
      </spam> 
     </div> 
     </datepicker> 
    </div> 
    </div> 
    <div class="form-group row"> 
    <label for="" class="col-sm-2 col-form-label">Set time</label> 
    <div class="col-sm-4"> 
     <input type="time" class="form-control" placeholder="From" ng-model="from" id="from"> 
    </div> 
    <label for="" class="col-sm-1 col-form-label">To</label> 
    <div class="col-sm-4"> 
     <input type="time" class="form-control" placeholder="To" ng-model="to" id="to"> 
    </div> 
    </div> 
</form> 

は現在、サービスコールのために私は、日時を渡す必要がありますが、ここで私は日付と時間別にを抱えています。

利用可能なデータよりdatetimeとdatetimeをどのように構築できますか？

Answer 1

コントローラ内の機能で日付を組み合わせることができます。最初にDate.prototype.toISOString()メソッドを使用して日付/時刻をフォーマットした後、とtimePartを別々に取り、最後に2つを結合して新しいDateインスタンスを作成します。

$scope.fromDate = getCombinedDateTime($scope.date, $scope.from); 
$scope.toDate = getCombinedDateTime($scope.date, $scope.to); 

function getCombinedDateTime(date, time){ 
    var datePart = date.toISOString().substring(0, 10); 
    var timePart = time.toISOString().substring(10, 24); 
    return new Date(datePart + timePart); 
}