HTML DOM 输入日期时间最小属性


HTML DOM 输入 datetime min 属性返回/设置输入 datetime 的最小属性。

语法

以下是语法 -

  • 返回字符串值
inputDatetimeObject.min
  • 将最小值设置为字符串值
inputDatetimeObject.min = YYYY-MM-DDThh:mm:ssTZD

字符串值

此处,“YYYY-MM-DDThh:mm:ssTZD”可以是以下内容 -

字符串值
详细信息
YYYY
它定义了年份(例如:1998 年)
MM
它定义了月份(例如:05 表示五月)
DD
它定义了天(例如:24 日)
T
它是分隔日期和时间的间隔符
hh
它定义了小时(例如:12 点)
mm
它定义了分钟(例如:48 分)
ss
它定义了秒(例如:00 秒)
TZD
时区指示符(IST 表示印度标准时间)

示例

让我们来看一个Input Datetime min 属性的示例 -

 在线演示

<!DOCTYPE html>
<html>
<head>
<title>Input Datetime Min</title>
</head>
<body>
<form>
Date & Time: <input type="datetime" id="dateTime" name="DateSelect" value="2009-6-24T20:49Z" min="2008-12-31T23:59:59Z">
</form>
<button onclick="minDateDecrease()">Decrease min age bar</button>
<div id="divDisplay"></div>
<script>
   var inputDatetime = document.getElementById("dateTime");
   var divDisplay = document.getElementById("divDisplay");
   divDisplay.textContent = 'Minimum Age Bar: '+inputDatetime.min;
   function minDateDecrease() {
      inputDatetime.min = '2010-12-31T23:59:59Z';
      divDisplay.textContent = 'Minimum Age Bar: '+inputDatetime.min;
   }
</script>
</body>
</html>

输出

它将产生以下输出 -

点击“减少最小年龄栏”按钮之前 -

点击“减少最小年龄栏”按钮之后 -

更新于: 2019 年 7 月 30 日

90 次查看

开启您的事业

完成课程取得认证

开始学习
广告