PHP Ionic Angularjs Phonegap AJAX Javascript CSS MySQL jQuery Forum

ช่วยดู ตรงช่องเลือกเวลาให้หน่อยนะครับ

ช่วยดู ตรงช่องเลือกเวลาให้หน่อยนะครับ

ตรงช่องเลือกเวลา ถ้าเราเลือก เวลาจากมากไปหาน้อย เช่น เลือกเริ่มต้น 17.00 น. แล้วเวลาสิ้นสุดเป็น 8.00 น. ซึ่งมันผิดกับความเป็นจริง แล้วทำให้มันขึ้นแจ้งเตือนตรงข้างๆ ช่องเลือกเวลาว่า เลือกเวลาผิดหรือให้กรอกข้อมูลใหม่ประมาณนี้อ่ะครับ  ซึ่งจริงๆแล้วเราต้องเลือกเวลาจากน้อยไปหามาก
เวลาเริ่มต้น ใช้ fromtime  
เวลาสิ้นสุดใช้ totime
 

 
<?php
session_start();
echo "<meta http-equiv='Content-Type' content='text/html; charset=UTF-8' />";
include ('Connection.php');
?>
<? $sql = "select * from room where room_id = '$room_id' ";
$result = mysql_query($sql) or die ("error = $sql");
$row = mysql_fetch_array($result);?> 
<script language="javascript" src="jquery-1.2.6.min.js"></script>
<script>
function chk_form(){
	$(":input + span.require").remove();
	$(":input").each(function(){
		$(this).each(function(){	
			if($(this).val()==""){
				$(this).after("<span class=require>*กรอกข้อมูล</span>");
			}
		});
	});
	if($(":input").next().is(".require")==false){
		return true;
	}else{
		return false;
	}
}
</script>


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
.w {	color: #0000FF;
}
</style>
</head>

<body>
<p>&nbsp;</p>
<table width="537" height="606" border="0" align="center">
  <tr>
    <th scope="col"><form action="bookroom_save.php" onSubmit="return chk_form()" align="center" method="post" name="form1" id="form1">
      <table width="460" height="325" border="1" align="center" cellpadding="5" cellspacing="1" bordercolor= "#99FFCC" style="width: auto; color: #0000FF;">
        <tbody>
          <tr>
            <td colspan="2" bgcolor="#99CCFF" style="text-align: center; color: #D6D6D6; font-size: 20px;"><span class="w">จองห้องประชุม</span></td>
          </tr>
          <tr>
            <td width="217" bgcolor="#FFFFFF" style="text-align: left">ห้องประชุม<br /></td>
            <td width="231" bgcolor="#FFFFFF" style="text-align: left"><select name="txtroom_name" id="room_name">
              <option value="" selected="selected">&lt;-- เลือก --&gt;</option>
              <option value="Payak" <?PHP if($row['room_name'] == "Payak") { echo "selected='selected'"; } ?>>Payak</option>
              <option value="Nakara" <?PHP if($row['room_name'] == "Nakara") { echo "selected='selected'"; } ?>>Nakara</option>
              <option value="Narasing" <?PHP if($row['room_name'] == "Narasing") { echo "selected='selected'"; } ?>>Narasing</option>
            </select></td>
          </tr>
          <tr bgcolor="#CCFFCC">
            <td bgcolor="#FFFFFF" style="text-align: left">หัวข้อการประชุม</td>
            <td bgcolor="#FFFFFF" style="text-align: left"><input name="txttitle" type="text" id="txttitle" /></td>
          </tr>
          <tr>
            <td bgcolor="#FFFFFF" style="text-align: left">วันที่เริ่ม</td>
            <td bgcolor="#FFFFFF" style="text-align: left"><span class="normal">
              <input type="text" name="txtfromdate" id="dateInput" />
            </span></td>
          </tr>
          <tr bgcolor="#CCFFCC">
            <td bgcolor="#FFFFFF" style="text-align: left">วันที่สิ้นสุด</td>
            <td bgcolor="#FFFFFF" style="text-align: left"><span class="normal">
              <input type="text" name="txttodate" id="dateInput1" />
            </span></td>
          </tr>
          <tr>
            <td bgcolor="#FFFFFF" style="text-align: left">เวลาเริ่ม</td>
            <td bgcolor="#FFFFFF" style="text-align: left"><select name='txtfromtime' id='txtfromtime'>
              <option value="" selected="selected">&lt;-- เลือก --&gt;</option>
              <option value="08:00:00">08.00</option>
              <option value="08:30:00">08.30</option>
              <option value="09:00:00">09.00</option>
              <option value="09:30:00">09.30</option>
              <option value="10:00:00">10.00</option>
              <option value="10:30:00">10.30</option>
              <option value="11:00:00">11.00</option>
              <option value="11:30:00">11.30</option>
              <option value="12:00:00">12.00</option>
              <option value="12:30:00">12.30</option>
              <option value="13:00:00">13.00</option>
              <option value="13:30:00">13.30</option>
              <option value="14:00:00">14.00</option>
              <option value="14:30:00">14.30</option>
              <option value="15:00:00">15.00</option>
              <option value="15:30:00">15.30</option>
              <option value="16:00:00">16.00</option>
              <option value="16:30:00">16.30</option>
              <option value="17:00:00">17.00</option>
              <option value="17:30:00">17.30</option>
            </select></td>
          </tr>
          <tr bgcolor="#CCFFCC">
            <td bgcolor="#FFFFFF" style="text-align: left">เวลาสิ้นสุด</td>
            <td bgcolor="#FFFFFF" style="text-align: left"><select name='txttotime' id='txttotime'>
              <option value="" selected="selected">&lt;-- เลือก --&gt;</option>
              <option value="08:30:00">08.30</option>
              <option value="09:00:00">09.00</option>
              <option value="09:30:00">09.30</option>
              <option value="10:00:00">10.00</option>
              <option value="10:30:00">10.30</option>
              <option value="11:00:00">11.00</option>
              <option value="11:30:00">11.30</option>
              <option value="12:00:00">12.00</option>
              <option value="12:30:00">12.30</option>
              <option value="13:00:00">13.00</option>
              <option value="13:30:00">13.30</option>
              <option value="14:00:00">14.00</option>
              <option value="14:30:00">14.30</option>
              <option value="15:00:00">15.00</option>
              <option value="15:30:00">15.30</option>
              <option value="16:00:00">16.00</option>
              <option value="16:30:00">16.30</option>
              <option value="17:00:00">17.00</option>
              <option value="17:30:00">17.30</option>
              <option value="18:00:00">18.00</option>
            </select></td>
          </tr>
          <tr>
            <td bgcolor="#FFFFFF" style="text-align: left">ผู้จอง</td>
            <td bgcolor="#FFFFFF" style="text-align: left"><input name="txtreservations_to" type="text" id="txtreservations_to" /></td>
          </tr>
          <tr bgcolor="#CCFFCC">
            <td bgcolor="#FFFFFF" style="text-align: left">ผู้ให้จอง</td>
            <td bgcolor="#FFFFFF" style="text-align: left"><input name="txtmodify_by" type="text" id="txtmodify_by" /></td>
          </tr>
          <tr>
            <td bgcolor="#FFFFFF" style="text-align: left">วันที่จอง</td>
            <td bgcolor="#FFFFFF" style="text-align: left"><span class="normal">
              <input type="text" name="txtmodify_date" id="dateInput2" />
            </span></td>
          </tr>
          <tr bgcolor="#CCFFCC">
            <td bgcolor="#FFFFFF" style="text-align: left">จำนวนผู้เข้าประชุม</td>
            <td bgcolor="#FFFFFF" style="text-align: left"><input name="txtroom_seat" type="text" id="txtroom_seat" /></td>
          </tr>
          <tr>
            <td style="text-align: left; color: #000000;">อุปกรณ์เพิ่มเติม</td>
            <td bgcolor="#FFFFFF" style="text-align: left"><select name="txtroom_tool" id="txtroom_tool">
              <option value=" " selected="selected">&lt;-- เลือก --&gt;</option>
              <?
			$strSQL = "SELECT DISTINCT room_tool FROM room";
			$objQuery = mysql_query($strSQL);
			while($objResuut = mysql_fetch_array($objQuery))
			{
			?>
              <option value="<?=$objResuut["room_tool"];?>">
                <?=$objResuut["room_tool"];?>
                </option>
              <?
			}
			?>
            </select></td>
          </tr>
        </tbody>
      </table>
      <br />
      <table width="200" border="0" align="center">
        <tr>
          <th scope="col"><button type="submit" name="button" id="button"  value=" "> <img src="picture/Save.png" width="16" height="16" align="center" /> บันทึก</button>
            &nbsp;</th>
          <th scope="col"> <button type="cancle" name="button1" id="button1"  onclick="window.location='index.php'" value="  " > <img src="picture/Delete.png" width="16" height="16" align="center" /> ยกเลิก </button>
            &nbsp;</th>
        </tr>
      </table>
      <p><br />
      </p>
      <p> <a href="index.php"></p>
    </form></th>
  </tr>
</table>
<p>&nbsp;</p>
</body>
</html>


โดย:  Bank IP: 101.108.202.xxx วันที่: 02-05-2014 เวลา: 16:14:14

คำแนะนำ และการใช้งาน

สมาชิก กรุณา ล็อกอินเข้าระบบ เพื่อตั้งคำถามใหม่ หรือ ตอบคำถาม สมาชิกใหม่ สมัครสมาชิกได้ที่ สมัครสมาชิก


  • ถาม-ตอบ กรุณา ล็อกอินเข้าระบบ


  • ( หรือ สามารถทำการ สมัครสมาชิก และล็อกอิน ด้วย ปุ่ม Log in with Facebook ด้านล่าง )
 ความคิดเห็นที่ 2
ขอบคุณคับ

โดย:  Bank IP: 182.52.169.xxx วันที่: 06-05-2014 เวลา: 16:27:39
 ความคิดเห็นที่ 1
<script type="text/javascript">  
$(function(){  
	var oldIndex1,oldIndex2;
	$("select#txtfromtime").click(function(){
		oldIndex1=$("select#txtfromtime")[0].selectedIndex;
	});
	$("select#txttotime").click(function(){
		oldIndex2=$("select#txttotime")[0].selectedIndex;
	});	
	$("select#txtfromtime,select#txttotime").change(function(){		
		if($("select#txtfromtime")[0].selectedIndex>0 && $("select#txttotime")[0].selectedIndex>0 
		&& $("select#txtfromtime")[0].selectedIndex>$("select#txttotime")[0].selectedIndex){
			alert("เลือกเวลาเริ่มต้น และสิ้นสุดที่ถูกต้อง");
			if($(this).attr("id")=="txtfromtime"){
				$("select#txtfromtime")[0].selectedIndex=oldIndex1;
			}else{
				$("select#txttotime")[0].selectedIndex=oldIndex2;
			}
			return false;
		}
	});
});  
</script>  


โดย:  Ninenik IP: 124.122.182.xxx วันที่: 06-05-2014