Forgot Password ??

PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone

	Registered : 109,037

HOME > PHP > PHP Forum > มีน้องคนนึงถามว่า - เราจะกำหนดได้ไหมว่าห้ามกรอกเกิน 24:00

มีน้องคนนึงถามว่า - เราจะกำหนดได้ไหมว่าห้ามกรอกเกิน 24:00

เริ่มหัวข้อใหม่

Unidentifier

โพสกระทู้ ( 3,156 )
บทความ ( 0 )

พี่คะ ถ้าทำ textbox รับค่าเวลา เราจะกำหนดได้ไหมค่ะ ว่าห้ามกรอกเกิน 24:00 อะคะ เช่นกรอก 25:00 ต้องกรอกไม่ได้แบบนี้อะคะ
time-validate

Code (PHP)

<!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>

Tag : PHP, HTML/CSS, JavaScript, Ajax, jQuery

ประวัติการแก้ไข
2012-05-17 17:33:02

Date : 2012-05-17 17:28:07

By : sakuraei

View : 3243

Reply : 4

No. 1

TC Admin

โพสกระทู้ ( 74,058 )
บทความ ( 838 )

แยกเป็น 2 ช่องครับ ชม. และ นาที แบบนี้ตรวจสอบง่ายครับ

Date : 2012-05-17 20:52:37

By : mr.win

No. 2

deawx

โพสกระทู้ ( 5,149 )
บทความ ( 26 )

ถ้าใช้ Jquery แล้ว เอา Plugin เข้าเสริมจะง่ายกว่าอีกนะครับ
ผมเขียนเป็นบทความไว้ให้

https://www.thaicreate.com/community/jquery-ui-time-picker.html

Date : 2012-05-18 02:26:30

By : deawx

No. 3

TC Admin

โพสกระทู้ ( 74,058 )
บทความ ( 838 )

แจ่มครับ

Date : 2012-05-18 06:12:23

By : mr.win

No. 4

โพสกระทู้ ( 297 )
บทความ ( 0 )

^^ ขอบคุณค่ะ สำหรับทุกคำตอบ

Date : 2012-05-18 08:37:18

By : Baitong_ch

ค้นหาข้อมูล

แสดงความคิดเห็น

Re : มีน้องคนนึงถามว่า - เราจะกำหนดได้ไหมว่าห้ามกรอกเกิน 24:00

รายละเอียด

เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

อัพโหลดแทรกรูปภาพ

Notice

เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ
อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง

เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง

โดย

อีเมล์

บวกค่าให้ถูก