2013-11-25 2 views
0

Я пытаюсь связать модель input типа date с моделью. Я могу связать поля time, но у меня возникают проблемы с полями date. HTML:Почему мой AngularJS ngModel привязан к временным входам, но не привязан к входам даты?

<div ng-app ng-controller="HistoryCtrl"> 
    <input type="date" nm-model="startDate" /> 
    <input type="time" ng-model="startTime" /> 
    <input type="date" nm-model="endDate" /> 
    <input type="time" ng-model="endTime" /> 
    <button ng-click="updateForm()">Update</button> 
</div> 

Это мой контроллер (упрощенно):

function HistoryCtrl($scope) { 

    $scope.result = { 
     result: 'success', 
     start: '2013-11-23 03:00:00', 
     end: '2013-11-24 16:30:00', 
     delta: 0.05681799352169 
    }; 

    $scope.updateForm = function() { 
     $scope.updateTimespan($scope.result.start, $scope.result.end); 
    }; 

    $scope.updateTimespan = function (start, end) { 
     $scope.startDate = start.split(" ")[0]; 
     $scope.startTime = start.split(" ")[1]; 
     $scope.endDate = end.split(" ")[0]; 
     $scope.endTime = end.split(" ")[1]; 
    } 
} 

Вот скрипку: http://jsfiddle.net/t3m6r/2/

Я использую Google Chrome 31.0.1650.57 для Mac. Когда я нажимаю кнопку «Обновить», обновляются поля time, но поля date этого не делают. Зачем? Am I doing it wrong?

+2

Возможно потому, что 'нм-model' ничего не значит для углового. – Stewie

+3

Этот вопрос выглядит не по теме, потому что речь идет о опечатке. – Stewie

ответ

8

Вы используете ng-model, но введите неправильные «nm-model».

<input type="date" ng-model="startDate" /> 
<input type="time" ng-model="startTime" /> 
<input type="date" ng-model="endDate" /> 
<input type="time" ng-model="endTime" /> 

JS Fiddle См

+3

Ничего себе ... просто ничего себе. –

Смежные вопросы