[英]ionic input date set default to today
我正在開發離子應用程序。 我正在嘗試在輸入日期上設置默認日期(今天)。
如果輸入的類型是text,則我的代碼有效。 但是,如果我定義日期類型的話,那是行不通的。
HTML代碼:
<html ng-app="ionicApp">
<head>
<meta charset="utf-8">
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
<title>Date with Ionic</title>
<link href="//code.ionicframework.com/nightly/css/ionic.css" rel="stylesheet">
<script src="//code.ionicframework.com/nightly/js/ionic.bundle.js"></script>
</head>
<body ng-controller="GraphCtrl">
<ion-header-bar class="bar-positive">
<h1 class="title">Ionic Date</h1>
</ion-header-bar>
<ion-content>
Text : <input type="text" ng-model="date_rdv" />
Date : <input type="date" ng-model="date_rdv" />
</ion-content>
</body>
</html>
我的JS代碼:
angular.module('ionicApp', ['ionic'])
.controller('GraphCtrl', function($scope, $filter) {
$scope.date_rdv = $filter('date')(Date.now(), 'yyyy-MM-dd');
});
你有什么主意嗎 ?
為了在日期輸入中定義默認值(對於文本輸入不起作用),模型的定義必須如下:
$scope.date_rdv = new Date();
您應該改用new Date()
。 您不需要過濾。
該模型必須始終是Date對象,否則Angular將引發錯誤。 無效的Date對象(getTime()為NaN的日期)將呈現為空字符串。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.