javascript - Angular 将输入日期时间本地的值作为参数传递

Question

我正在使用 Angulars 输入日期时间本地来生成搜索功能的日期时间选择器。

我希望用户选择开始和结束时间，当用户单击按钮时，我希望使用选定的时间作为传递的参数来调用 Controller 中的函数，但不知何故，传递的所有内容都是未定义的:

JsFiddle

HTML:

<div id="searchposition_popup" ng-app="dateExample">
<div id="searchposition-popup" ng-controller="DateController">
    <a class="searchposition_popup_close close" style="color:#FFFFFF; padding-right:10px;">x</a>
    <div style="padding-top:6px;">SEARCH POSITIONS</div>
    <br>
    <p>
        <label style="width:50px;">From:</label>
        <input style="width:180px;" type="datetime-local" id="startDate" name="input" ng-model="searchDateStart" placeholder="yyyy-MM-ddTHH:mm:ss" required />
    </p>
    <p>
        <label style="width:50px;">To:</label>
        <input style="width:180px;" type="datetime-local" id="endDate" name="input" ng-model="searchDateEnd" placeholder="yyyy-MM-ddTHH:mm:ss" required />
    </p>
    <br>
    <button type="Submit" ng-click="searchPositions(searchDateStart, searchDateEnd)" class="btn btn-default btn-xs">Search</span>
</div>

Javascript

angular.module('dateExample', [])
.controller('DateController', ['$scope', function ($scope) {
    $scope.searchPositions = function (begin, end) {
        console.log(begin, end);
    }
}]);

Answer 1

Angular 在较低版本 1.3.0-beta.1 中不支持 datetime-local
确保您使用较新的 Angular 版本或 1.3.0-beta.1 并将您的模型与日期对象绑定(bind):

var app = angular.module('dateExample', []);

app.controller('DateController', function($scope) {
  $scope.searchDateEnd = new Date();
  $scope.searchDateStart = new Date();
  $scope.searchPositions = function(begin, end) {
    console.log(begin, end);
  }
});

Plunker