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

时间:2016-02-15 13:39:04

标签: javascript angularjs twitter-bootstrap ui.bootstrap

我试图结合使用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();
        }
    }
}

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

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

2 个答案:

答案 0 :(得分: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();
      }
    }
  }

答案 1 :(得分:1)

你的tryCombineDateTime函数应该是这样的:

  function tryCombineDateTime() {
    if ($scope.dt && $scope.mytime) {
        $scope.fullDate =new Date($scope.dt.getFullYear(), $scope.dt.getMonth(), $scope.dt.getDate(),$scope.mytime.getHours(),$scope.mytime.getMinutes()).toISOString();
    }
  }

这是一个working demo从您的掠夺者分叉