functionM"/> functionM">

ホームページ  >  記事  >  ウェブフロントエンド  >  AngularJS と HTML5 の日付入力値 - Firefox に日付入力で読み取り可能な日付値を表示させるにはどうすればよいですか?

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

王林
王林転載
2023-09-10 11:53:02931ブラウズ

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 までご連絡ください。