javascript - 从 ui.bootstrap 日期和时间选择器获取组合日期

Question

我正在尝试组合 Datepicker 和 Timepicker 指令，以在组合的 Date 对象中获取第一个指令的日期和第二个指令的时间。我遇到了一些不使用这些指令的示例，例如 Combining Date and Time input strings as a Date object 。然而，当我尝试应用与我的情况类似的东西时，它不起作用。控制台返回“TypeError:$scope.dt.split 不是函数”。上面是我尝试使用的函数，由 $watch 调用。

function tryCombineDateTime() {
    if ($scope.dt && $scope.mytime) {
        var dateParts = $scope.dt.split('-');
        var timeParts = $scope.mytime.split(':');
        if (dateParts && timeParts) {
            dateParts[1] -= 1;
            $scope.fullDate = new Date(Date.UTC.apply(undefined, dateParts.concat(timeParts))).toISOString();
        }
    }
}

这是一个显示问题的 plunker。 http://plnkr.co/edit/tnbE3LWQTTzLhLWXLCQB?p=preview

我更喜欢基于 Plunker 的解决方案，因为我不想安装 DateTimePicker 等其他组件。

Answer 1

日期格式已更改，因此引发异常，请尝试此

  function tryCombineDateTime() {
    if ($scope.dt && $scope.mytime) {
      var date = $scope.dt.toString();
      var time = $scope.mytime.toString();
      var dateParts = date.split(' ');
      var timeParts = time.split(' ');
      if (dateParts && timeParts) {
        dateParts[4] = timeParts[4]
        $scope.fullDate = new Date(dateParts.join(' ')).toISOString();
      }
    }
  }