1

$Scope.dt当用户选择日期和设置时间时，我有角度应用程序 UI 有 Datepicker 和 Timepicker 使用 angular-ui$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;
    }
4

2 回答 2

6

我为 Datepicker 和 Timepicker 使用相同的 ng-model 解决了这个问题。

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

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

我希望它也能帮助你！祝你好运！

于 2015-11-04T02:03:30.213 回答
0

您不能像数字一样连接或尝试添加日期对象。

你基本上想做的是

new Date() +" "+ new Date()

将该行粘贴到浏览器控制台中，您将看到如下内容：

"Thu Mar 05 2015 21:54:37 GMT-0500 (Eastern Standard Time) Thu Mar 05 2015 21:54:37 GMT-0500 (Eastern Standard Time)"

您需要将它们作为 Date 对象处理并使用适当的 Date 原型方法来操作它们

您需要的一些方法是：

Date.prototype.getHours()
Date.prototype.setHours()

以上假设您正在尝试实际创建一个新的 DateTime。如果不是，则不清楚您的预期结果是什么

参考：MDN Date.prototype 文档

于 2015-03-06T02:57:23.573 回答