<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html;charset=utf-8"> <title>jQuery Time Entry</title> <meta name="Generator" content="EditPlus"> <meta name="Author" content="Unidentifier-thaicreate.com"> <meta name="Keywords" content=""> <meta name="Description" content=""> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style type="text/css"> @import "jquery.timeentry.css"; </style> <script type="text/javascript" src="jquery-1.7.2.js"></script> <script type="text/javascript" src="jquery.timeentry.js"></script> <script type="text/javascript"> $(function () { $('#defaultEntry').timeEntry(); $('#defaultEntry').change(function(){ var rawTime = $(this).val(); var period = rawTime.substr(5,2); var onlyTime = rawTime.substr(0,5); var times = onlyTime.split(":"); if(period == "PM") times[0] = parseInt(times[0])+parseInt(12); $("#24hrs").val(times[0]+":"+times[1]); }); }); </script> </head> <body> <p>สามารถใช้ arrow key up/down เพื่อเพิ่มหรือลดเวลาได้</p> <p>สามารถใช้ arrow key left/right เพื่อเลื่อนไปตำแหน่งก่อนหน้าหรือถัดไปได้</p> <p>กรุณาป้อนเวลา: <input type="text" id="defaultEntry" size="10"></p> <p>ดัดแปลงเวลาแบบ AM/PM ให้เป็น 24 ชม. <input type="text" id="24hrs" size="10" readonly="readonly" /></p> </body> </html>
เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง