Question

我正在尝试格式化输入标记中的日期，并将选定的日期传递给控制器。到目前为止，这是我的代码：

<input ng-if="shutDown" type="date" ng-model="dates" >
       <button ng-if="shutDown" class="btn-xs btn btn-blue-dark" ng-click="assignDate(dates)">Lagre</button>
 </input>

我希望我的日期格式为：ddMMyyyy，我尝试了几种方法。 This解决方案没有帮助。这是MDN提供的方法：

    <input type="date" required pattern="(0[1-9]|1[0-9]|2[0-9]|3[01]).(0[1-9]|1[012]).[0-9]{4}
">

当控制台记录从方法传递的agurment时，它返回undefined。

更新：

我已经解决了将日期传递给控制器的问题。有什么办法可以用占位符格式化标签中的选定日期吗？

Answer 1

有人这样想？在打印您的值时获取您的模型和格式：

</head>
<body ng-app="dateInputExample">

  <script>
   angular.module('dateInputExample', [])
     .controller('DateController', ['$scope', function($scope) {
       $scope.example = {
         value: new Date(2013, 9, 22)
       };
     }]);
</script>

<form name="myForm" ng-controller="DateController as dateCtrl">
   <label for="exampleInput">Pick a date:</label>
   <input type="date" id="exampleInput" name="input" ng-model="example.value"
 required />
<br />
    <tt>value = {{example.value | date: "dd-MM-yyyy"}}</tt><br/>

</form>
</body>
</html>

无法通过输入标签中的ng-model或格式日期将值传递给控制器

1 个答案: