HTML
 Computer >> コンピューター >  >> プログラミング >> HTML

HTMLDOM入力日付の最大プロパティ


HTML DOM入力日付maxプロパティは、入力日付タイプのmax属性を返す/設定します。

構文

以下は構文です-

  • 文字列値を返す
inputDateObject.max
  • 最大値の設定 文字列値へ
inputDateObject.max = YYYY-MM-DD

文字列値

ここでは、「 YYYY-MM-DD 」は次のようになります-

stringValue 詳細
YYYY 年を定義します(例:1998)
MM 月を定義します(例:5月は05)
DD 日を定義します(例:24)

入力日最大の例を見てみましょう プロパティ-

<!DOCTYPE html>
<html>
<head>
<title>Input Date Max</title>
</head>
<body>
<form>
Date Select: <input type="date" id="date" name="DateSelect" max="2018-12-31">
</form>
<button onclick="getMaxDate()">Change Max Date</button>
<div id="divDisplay"></div>
<script>
   var inputDate = document.getElementById("date");
   var divDisplay = document.getElementById("divDisplay");
   divDisplay.textContent = 'Max of date input: '+inputDate.max;
   function getMaxDate() {
      var oldInputDate = inputDate.max;
      inputDate.max = '2020-12-31';
      divDisplay.textContent = 'Max of date input: '+inputDate.max;
   }
</script>
</body>
</html>

出力

これにより、次の出力が生成されます-

[最大日付の変更]をクリックする前に ボタン-

HTMLDOM入力日付の最大プロパティ

[最大日付の変更]をクリックした後 ボタン-

HTMLDOM入力日付の最大プロパティ


  1. HTML DOMMetermaxプロパティ

    Meter lowプロパティは、 のmax属性に対応する数値を返す/設定します エレメント。より良い結果を得るには、これを高、最小、低の属性で使用してください。 構文 以下は構文です- maxの戻り値 プロパティ meterElementObject.max maxの値 プロパティセット meterElementObject.max = number 例 Meter maxの例を見てみましょう プロパティ- <!DOCTYPE html> <html> <head> <title>Meter max</title>

  2. HTMLDOM入力範囲の最大プロパティ

    HTML DOM入力範囲maxプロパティは、範囲スライダーコントロールのmax属性値を設定または返すために使用されます。この属性は、スライダーコントロールの最大値を示すために使用され、スライダーが移動できる値の範囲を作成するためにminプロパティとともに使用されることがよくあります。 構文 以下は、-の構文です。 Rangemaxプロパティの設定- rangeObject.max = number ここで、数字は最大スライダー制御値を表します。 例 入力範囲の最大プロパティの例を見てみましょう- <!DOCTYPE html> <html> <b