如何将Datepicker和Timepicker中的值组合在一个变量中

Question

我有角度应用UI有Datepicker和Timepicker使用angular-ui当用户选择日期$Scope.dt和设置时间$Scope.mytime我试图合并在一个$ Scope.SelectedDateTime我得到NaN.我不知道如何解决它

当用户选择日期时更新$ scope.dt值将为'当用户选择日期时'确定'将于2015年3月5日00:00:00 GMT-0500(东部标准时间)'和$ scope.mytime值'2015年3月5日星期四23:30:00 GMT-0500(东部标准时间)'如何将它们组合在一个变量html中

      <h4>Popup</h4>
        <div class="row">
            <div class="col-md-6">
                <p class="input-group">
                  <input type="text" class="form-control" datepicker-popup="{{format}}" ng-model="dt" />
                  <span class="input-group-btn">
                    <button type="button" class="btn btn-default" ng-click="open($event)"><i class="glyphicon glyphicon-calendar"></i></button>
                  </span>
                </p>
            </div>
        </div>
    <timepicker ng-model="mytime" ng-change="changed()" hour-step="hstep" minute-step="mstep" show-meridian="ismeridian"></timepicker>
<button type="button" class="btn btn-sm btn-info" ng-click="SelectedDateTime()">Today</button>

JavaScript的

    $scope.today = function() {
      $scope.dt = new Date();
    };
    $scope.today();
    $Scope.mytime = new Date();
 $scope.changed = function () {
    $log.log('Time changed to: ' + $scope.mytime);
  };

  $scope.clear = function() {
    $scope.mytime = null;
  };
    $Scope.SelectedDateTime = function()
    {
      var SelectedDateTime = $scope.dt +''+$scope.mytime;
    }

Answer 1

我使用与Datepicker和Timepicker相同的ng模型解决了这个问题.

<input type="text" ng-model="myDateModel" datepicker-options="dateOptions" ... />

<uib-timepicker ng-model="myDateModel"...></uib-timepicker>

我希望它也能帮到你!祝好运!