Angularjs:设置date类型的输入值

时间:2014-11-16 20:17:10

标签: javascript angularjs angularjs-scope

这可能是一个愚蠢而且容易的问题,但我似乎无法解决这个问题。 我正在尝试设置Date类型的字段但没有显示。这是我的代码:

在Html中:

<input type="date" name="departure" ng-model="departure" placeholder="yyyy-MM-dd" required/>

在Controller中,我做了类似的事情:

$scope.departure = new Date(2015, 9, 22);

没有在“离开”字段中显示。我不明白为什么。这似乎很容易。 我按照这个例子:https://docs.angularjs.org/api/ng/input/input%5Bdate%5D

请帮忙。我正在使用Angular 1.3 感谢

1 个答案:

答案 0 :(得分:1)

我假设您只是想让您的范围变量离开转换为日期输入的格式。我创建了这个plunkr

<强> JS

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

app.controller('DateController', ['$scope', function($scope){
    $scope.departure = new Date(2015, 10, 22);
}]);

<强> HTML

<!DOCTYPE html>
<html ng-app="stack">

  <head>
    <script src="//code.angularjs.org/1.3.1/angular.js"></script>
    <link rel="stylesheet" href="style.css" />
    <script src="script.js"></script>
  </head>

  <body ng-controller="DateController">
    <input type="date" name="departure" ng-model="departure" placeholder="yyyy-MM-dd" required/>
  </body>

</html>

再次不确定你想要做什么,但这对我有用。希望这会有所帮助。