AngularJS と HTML5 の日付入力値 - Firefox に日付入力で読み取り可能な日付値を表示させるにはどうすればよいですか?

王林
リリース: 2023-09-10 11:53:02
転載
958 人が閲覧しました

AngularJS和HTML5日期输入值 - 如何让Firefox在日期输入中显示可读的日期值?

Date タイプの 要素を使用すると、ユーザーはテキスト ボックスまたは日付ピッカーを使用して日付を入力できます。 ng-model ディレクティブを使用して、AngularJS アプリケーション データの値を HTML 入力コントロールに保存します。 Firefox は現在、type="date" をサポートしていません。すべての値を文字列に変換します。

日付を文字列ではなく実際の Date オブジェクトにしたいので、別の変数を作成し、以下のコードのようにこれら 2 つの変数をリンクします。

<input type = "date" ng-model = "realdate" />
function MainCtrl($scope, dateFilter) {
   $scope.date = new Date();
   $scope.$watch(&#39;date&#39;, function (date){
      $scope.dateString = dateFilter(date, &#39;yyyy-MM-dd&#39;);
   });
   $scope.$watch(&#39;realdate&#39;, function (realdate){
      $scope.date = new Date(realdate);
   });
}
ログイン後にコピー

以上がAngularJS と HTML5 の日付入力値 - Firefox に日付入力で読み取り可能な日付値を表示させるにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:tutorialspoint.com
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート