HTML DOM 输入日期时间本地最小属性
HTML DOM Input DatetimeLocal min 属性返回/设置 Input DatetimeLocal 的 min 属性。
语法
以下是语法 −
- 返回字符串值
inputDatetimeLocalObject.min
- 设置 min 为字符串值
inputDatetimeLocalObject.min = YYYY-MM-DDThh:mm:ss
字符串值
这里,“YYYY-MM-DDThh:mm:ss” 可能如下 −
stringValue | 详细信息 |
---|---|
YYYY | 它定义年(例如:199) |
MM | 它定义月(例如:07 为 7 月) |
DD | 它定义日(例如:11) |
T | 它是日期和时间的分割符 |
hh | 它定义时(例如:08) |
mm | 它定义分(例如:18) |
ss | 它定义秒(例如:23) |
示例
让我们看看 Input DatetimeLocal min 属性的示例 −
<!DOCTYPE html> <html> <head> <title>Input DatetimeLocal min</title> <style> form { width:70%; margin: 0 auto; text-align: center; } * { padding: 2px; margin:5px; } input[type="button"] { border-radius: 10px; } </style> </head> <body> <form> <fieldset> <legend>Datetime-Local-min</legend> <label for="datetimeLocalSelect">Today : <input type="datetime-local" id="datetimeLocalSelect" value="2019-05-23T12:45" min="2000-03-1T10:23"> </label> <input type="button" onclick="getMinimum()" value="What's the minimum input? "> <div id="divDisplay"></div> </fieldset> </form> <script> var divDisplay = document.getElementById("divDisplay"); var inputDatetimeLocal = document.getElementById("datetimeLocalSelect"); function getMinimum() { divDisplay.textContent = 'Minimum Legal Input: '+inputDatetimeLocal.min; } </script> </body> </html>
输出
这会产生以下输出 −
在点击 ‘最小输入是什么? ’ 按钮之前 −
在点击 ‘最小输入是什么? ’ 按钮之后 −
广告