web-dev-qa-db-ja.com

AngularJSはng-modelでフォーマットされた日付を取得します

タイムスタンプのモデル値で入力された次のテキスト入力があります：

<input type="datetime" ng-model="workerDetail.dateOfBirth"  class="form-control" id="date_of_birth" />

指定されたタイムスタンプとして入力の値を表示します。

入力で表示される値を書式設定された日付（YYYY/MM/DD）に変換したいのですが、モデルでは常にタイムスタンプとして使用する必要があります。

私はこの方法でそれをやろうとしました：

{{workerDetail.dateOfBirth | date:'MMM'}}

しかし、運がなければ。

アドバイスをありがとう。

javascriptangularjsdate
21
redrom

フィルターを試すことができます

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'); 
});
30
blackmind

次のようなタイムゾーンを指定することもできます。

$scope.$watch('workerDetail.dateOfBirth', function (newDate) {
    $scope.workerDetail.dateOfBirth = $filter('date')(newDate, 'HH:mm', 'UTC'); 
});
5
Seralto

日付のみ（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);
}})
1
vignesh