HTML DOM انپٹ ڈیٹائم آٹوارک
- ਪਿਛਲਾ ਪੰਨਾ <input> date
- ਅਗਲਾ ਪੰਨਾ <input> datetime-local
Datetime ਆਬਜੈਕਟ
Datetime ਆਬਜੈਕਟ HTML5 ਵਿੱਚ ਨਵਾਂ ਆਬਜੈਕਟ ਹੈ。
Datetime ਆਬਜੈਕਟ HTML <input type="datetime"> ਐਲੀਮੈਂਟ ਨੂੰ ਪ੍ਰਤੀਨਿਧਤ ਕਰਦਾ ਹੈ。
ਟਿੱਪਣੀ:Internet Explorer, Firefox ਜਾਂ Chrome <input type="datetime"> ਐਲੀਮੈਂਟ ਨੂੰ ਸਮਰਥਨ ਨਹੀਂ ਦਿੰਦੇ, Safari ਵਿੱਚ ਕੁਝ ਸਮਰਥਨ ਹੈ। Opera 12 ਅਤੇ ਉਸ ਤੋਂ ਪਹਿਲਾਂ ਦੀਆਂ ਸਾਰੀਆਂ ਸੰਸਕਰਣਾਂ ਵਿੱਚ ਪੂਰੀ ਤਰ੍ਹਾਂ ਸਮਰਥਨ ਹੈ。
Datetime ਆਬਜੈਕਟ ਤੱਕ ਪਹੁੰਚਣਾ
ਤੁਸੀਂ getElementById() ਦੀ ਵਰਤੋਂ ਨਾਲ <input type="myDatetime"> ਐਲੀਮੈਂਟ ਤੱਕ ਪਹੁੰਚ ਸਕਦੇ ਹੋ
var x = document.getElementById("myDatetime");
ਸੁਝਾਅ:ਤੁਸੀਂ ਫਾਰਮ ਦੇ ਗਾਲੀਚਾਂ ਨੂੰ ਗੁਜਾਰ ਕਰਕੇ elements ਸਮੂਹDatetime ਆਬਜੈਕਟ ਤੱਕ ਪਹੁੰਚਣਾ
Datetime ਆਬਜੈਕਟ ਬਣਾਉਣਾ
ਤੁਸੀਂ document.createElement() ਮੱਦੋਂ ਦੀ ਵਰਤੋਂ ਨਾਲ <input type="datetime"> ਐਲੀਮੈਂਟ ਬਣਾ ਸਕਦੇ ਹੋ
var x = document.createElement("INPUT"); x.setAttribute("type", "datetime");
Datetime ਆਬਜੈਕਟ ਵਿਸ਼ੇਸ਼ਤਾ
ਵਿਸ਼ੇਸ਼ਤਾ | ਵਰਣਨ |
---|---|
autocomplete | datetime ਫੀਲਡ ਦੀ autocomplete ਵਿਸ਼ੇਸ਼ਤਾ ਨੂੰ ਸੈਟ ਕਰੋ ਜਾਂ ਵਾਪਸ ਕਰੋ |
autofocus | datetime ਫੀਲਡ ਨੂੰ ਪੰਨੇ ਲੋਡ ਹੋਣ ਤੋਂ ਬਾਅਦ ਸਵੈਚਾਲਿਤ ਰੂਪ ਵਿੱਚ ਫੋਕਸ ਲੈਣਾ ਚਾਹੁੰਦੇ ਹਨ ਕਿ ਨਹੀਂ |
defaultValue | datetime ਫੀਲਡ ਦੀ ਮੂਲ ਵਿੱਚ ਵੀ ਸੈਟ ਕਰੋ ਜਾਂ ਵਾਪਸ ਕਰੋ |
disabled | datetime ਫੀਲਡ ਨੂੰ ਨਾਬਾਲਾ ਕਰਨਾ ਚਾਹੁੰਦੇ ਹਨ ਕਿ ਨਹੀਂ |
form | datetime ਫੀਲਡ ਦੇ ਫਾਰਮ ਦੀ ਰਿਫਰੈਂਸ ਨੂੰ ਵਾਪਸ ਕਰੋ |
list | datetime ਫੀਲਡ ਦੇ datalist ਦੀ ਰਿਫਰੈਂਸ ਨੂੰ ਵਾਪਸ ਕਰੋ |
max | datetime ਫੀਲਡ ਦੀ max ਵਿਸ਼ੇਸ਼ਤਾ ਨੂੰ ਸੈਟ ਕਰੋ ਜਾਂ ਵਾਪਸ ਕਰੋ |
min | datetime ਫੀਲਡ ਦੀ min ਵਿਸ਼ੇਸ਼ਤਾ ਨੂੰ ਸੈਟ ਕਰੋ ਜਾਂ ਵਾਪਸ ਕਰੋ |
name | datetime ਫੀਲਡ ਦੀ name ਵਿਸ਼ੇਸ਼ਤਾ ਨੂੰ ਸੈਟ ਕਰੋ ਜਾਂ ਵਾਪਸ ਕਰੋ |
readOnly | datetime ਫੀਲਡ ਨੂੰ ਰੀਡ-ਓਨਲੀ ਕਰਨਾ ਚਾਹੁੰਦੇ ਹਨ ਕਿ ਨਹੀਂ |
required | ਫਾਰਮ ਸੰਬੋਧਨ ਤੋਂ ਪਹਿਲਾਂ datetime ਫੀਲਡ ਨੂੰ ਭਰਨਾ ਜ਼ਰੂਰੀ ਹੈ ਕਿ ਨਹੀਂ |
step | datetime ਫੀਲਡ ਦੀ step ਵਿਸ਼ੇਸ਼ਤਾ ਨੂੰ ਸੈਟ ਕਰੋ ਜਾਂ ਵਾਪਸ ਕਰੋ |
type | datetime ਫੀਲਡ ਦੀ ਫਾਰਮ ਐਲੀਮੈਂਟ ਵਿਸ਼ੇਸ਼ਤਾ ਨੂੰ ਵਾਪਸ ਕਰੋ |
value | datetime ਫੀਲਡ ਦੀ value ਵਿਸ਼ੇਸ਼ਤਾ ਨੂੰ ਸੈਟ ਕਰੋ ਜਾਂ ਵਾਪਸ ਕਰੋ |
Input Datetime ਆਬਜੈਕਟ ਮੱਥਾ
ਮੱਥਾ | ਵਰਣਨ |
---|---|
select() | datetime ਟੈਕਸਟ ਫੀਲਡ ਦੇ ਸਮਾਗਮ ਨੂੰ ਚੋਣ ਕਰੋ |
stepDown() | ਦਿਸ਼ਾ ਵਿੱਚ ਸ਼ੁਰੂ ਹੋਣ ਵਾਲੇ ਅੰਕ ਦੇ ਅਨੁਸਾਰ datetime ਫੀਲਡ ਦੀ ਕੀਮਤ ਘਟਾਓ |
stepUp() | ਦਿਸ਼ਾ ਵਿੱਚ ਸ਼ੁਰੂ ਹੋਣ ਵਾਲੇ ਅੰਕ ਦੇ ਅਨੁਸਾਰ datetime ਫੀਲਡ ਦੀ ਕੀਮਤ ਵਧਾਓ |
ਸਬੰਧਤ ਪੰਨੇ
HTML ਟੂਨੀਕਨ:HTML ਫਾਰਮ
HTML ਰੈਫਰੈਂਸ ਮੈਨੂਅਲ:HTML <input> ਟੈਗ
HTML ਰੈਫਰੈਂਸ ਮੈਨੂਅਲ:HTML <input> type ਵਿਸ਼ੇਸ਼ਤਾ
- ਪਿਛਲਾ ਪੰਨਾ <input> date
- ਅਗਲਾ ਪੰਨਾ <input> datetime-local