给Input type=’date’赋值

代码如下:

自个儿利用的是ng-bind=””和ng-value=””,几个都未曾出现想要的机能。
就百度了弹指间,以下是有效的音讯:

http://www.myexception.cn/javascript/2044949.html

(好像提交之后,代码变了,以下是AngularJS的代码:)
图片 1

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="http://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js"></script>
</head>
<body>
<div ng-app="myApp" ng-controller="myCtrl">
    {{dt1 | date:'yyyy-MM-dd HH:mm:ss'}}<br>
    {{dt2}}<br>
    <input type='date' ng-model='dt3'/><br>
    <input type='date' ng-model='dt4'/>
</div>
<script>
var app = angular.module('myApp', []);
app.controller("myCtrl",["$scope", "$filter", function($scope, $filter) {

    $scope.dt1 = new Date();

    $scope.dt2 = $filter("date")($scope.dt1, "yyyy-MM-dd HH:mm:ss"); 

    var str ='2012-08-12';
    str = str.replace(/-/g,"/"); 
    var date = new Date(str );
    $scope.dt3=date;

    var strtwo='2016-05-09';
    strtwo = strtwo.split('-').join('/');
    var datetwo =new Date(strtwo);
    $scope.dt4 = datetwo;
}]); 
</script>
</body>
</html>

以下三个讲的是一模一样的原理:
http://stackoverflow.com/questions/29519607/how-to-bind-input-type-date-with-angularjs
http://stackoverflow.com/questions/27343300/angularjs-and-input-type-date-how-to-format-model-data

亟待采纳AngularJS动态给<input type=”date” />赋值。

运作结果:
图片 2

接下来就协调尝尝以上有关代码,得出结果便是。
1旦要赋值给type=’date’的输入框,那么传过去的值也无法不是Date对象,并且只好选拔ng-model实现。

(如有错敬请指导,以下是自家职业中遇见并且解决的难题)

相关文章