タイムスタンプのモデル値で入力された次のテキスト入力があります:
<input type="datetime" ng-model="workerDetail.dateOfBirth" class="form-control" id="date_of_birth" />
指定されたタイムスタンプとして入力の値を表示します。
入力で表示される値を書式設定された日付(YYYY/MM/DD)に変換したいのですが、モデルでは常にタイムスタンプとして使用する必要があります。
私はこの方法でそれをやろうとしました:
{{workerDetail.dateOfBirth | date:'MMM'}}
しかし、運がなければ。
アドバイスをありがとう。
フィルターを試すことができます
HTML
<input type="datetime" ng-model="mydateOfBirth" class="form-control" id="date_of_birth" />
コントローラーJS
$scope.$watch('mydateOfBirth', function (newValue) {
$scope.workerDetail.dateOfBirth = $filter('date')(newValue, 'yyyy/MM/dd');
});
$scope.$watch('workerDetail.dateOfBirth', function (newValue) {
$scope.mydateOfBirth = $filter('date')(newValue, 'yyyy/MM/dd');
});
次のようなタイムゾーンを指定することもできます。
$scope.$watch('workerDetail.dateOfBirth', function (newDate) {
$scope.workerDetail.dateOfBirth = $filter('date')(newDate, 'HH:mm', 'UTC');
});
日付のみ(dd/mm/yyyy)を取得するには、このコードを試してください
html
<div class="col-lg-3">
<input type="date" name="dob" class="input-lg form-group" ng-model='dob'>
</div>
Angularjs
app.controller('myctrl',function($scope, $http,$window,$filter) {
$scope.sent=function(){
$scope.date = $filter("date")($scope.dob, 'dd-MM-yyyy');
alert($scope.date);
}})