web-dev-qa-db-ja.com

ui-maskを使用してangularの入力からモデルのマスクされた日付を取得するにはどうすればよいですか?

ユーザーが生年月日をテキストボックスに入力する必要があるビューがあります。

UI-Utilsのmaskディレクティブを使用しています。

私のビューにはこの入力要素が含まれています:

<input ui-mask="99/99/9999" placeholder="MM/DD/YYYY" type="text" name="uBirthdate" ng-model="user.birthdate" required/>

私のコントローラーでは、スコープを次のように設定しています

myApp.controller('HomeCtrl', function ($scope, myService){

    $scope.user = registerService.getCurrentUser();

    $scope.submit = function () {
        //do something with $scope.user.birthdate
    };

    }
});

私の問題は、私のコントローラでは、誕生日プロパティにマスキング文字なしの入力からの値が含まれているため、

11/20/1980はビュー内で11201980 $ scopeのプロパティとして

コントローラーで使用する有効なマスクされた日付を確認するにはどうすればよいですか?参考までに、この日付はPOSTサーバーへのリクエストでJSONとして送信されます。

19
stephen776

最新のangle-uiにアップグレードし、次の構文を使用します

ui-mask="99/99/9999" model-view-value="true"

Model-view-valueは、モデルオブジェクトのマスクを保持します。

43
map7

これを試してみてください https://github.com/candreoliveira/ngMask すべてのマスクの完全なヘルプ

1
Ashish Gupta