input เวลายังไงครับแบบให้กรอก 20:30 อะไรแบบนี้ครับ

[tae861]

input แบบกรอกเวลาอะครับ

เช่น 00:30 , 13:30

แบบถ้ากรอกแล้วจะมี : ขึ้นตรงกลางคั่นพอดีอะครับ

[goldxp]

https://github.com/RobinHerbots/Inputmask
http://robinherbots.github.io/Inputmask/
https://github.com/RobinHerbots/Inputmask/blob/3.x/README_date.md

ตัวนี้ครับ หรือตัวอื่นๆ ก็ได้ครับ

[choking]

jquery

โค้ด เลือก ขยาย

$('.time').on('keydown', function(e) {
if(e.keyCode != 8 && (this.value.length === 2  )) {
this.value += ":";
}else if(e.keyCode === 8 && (this.value.length === 4 )){
this.value=this.value.replace(/:+/g,"");
}
});


html

โค้ด เลือก ขยาย

<input type="text" class="time" maxlength="5">

[x-script]

input type=time

ง่ายสุด support iphone ด้วย

https://www.w3schools.com/html/tryit.asp?filename=tryhtml_input_time