Register Register Member Login Member Login Member Login Forgot Password ??
PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone
 

Registered : 109,027

HOME > PHP > PHP Forum > เอาปฏิทินไปแปะ 3 ที่ เวลากดเพื่อเลือกวัน มันแสดง 3 ที่พร้อมกัน งงค่ะ



 

เอาปฏิทินไปแปะ 3 ที่ เวลากดเพื่อเลือกวัน มันแสดง 3 ที่พร้อมกัน งงค่ะ

 



Topic : 101445



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



สถานะออฟไลน์
Facebook



เอาปฏิทินไปแปะ 3 ที่เพื่อบันทึกลงฐานข้อมูล
เวลากดเพื่อเลือกวันอันแรก มันแสดง 3 ที่พร้อมกันค่ะ แล้วพอกดอีกสองอันข้างล่าง มันไม่แสดงอะไรเลยค่ะ
รบกวนด้วยนะคะ

คลิกปฏิทิน 1 อัน ขึ้น 3 อัน



Code (PHP)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<meta http-equiv="content-language" content="en" />
	<meta http-equiv="content-type" content="text/html;charset=utf-8" />
	<meta name="copyright" content="R. Schoo" />
	
	<link rel="stylesheet" media="screen" href="styles/vlaCal-v2.1.css" type="text/css" />
	<link rel="stylesheet" media="screen" href="styles/vlaCal-v2.1-adobe_cs3.css" type="text/css" />
	<link rel="stylesheet" media="screen" href="styles/vlaCal-v2.1-apple_widget.css" type="text/css" />
	
	<script type="text/javascript" src="jslib/mootools-1.2-core-compressed.js"></script>
	<script type="text/javascript" src="jslib/vlaCal-v2.1-compressed.js"></script>
	
	
	
	<style>
	body {
		cursor: default;
		text-align: left;
		font-family: calibri, arial, sans-serif;
		font-size: 13px;
		margin: 0;
		padding: 5px;
	}
	
	table th {
		vertical-align: top;
	}

	input {
		text-align: center;
		font-family: calibri, arial, sans-serif;
		font-size: 13px;
		background-color: white;
		border: 1px solid;
		border-color: #abadb3 #dbdfe6 #e3e9ef #e2e3ea;
		padding: 2px;
	}
	input:focus, input:hover  {
		border-color: #5794bf #b7d5ea #c7e2f1 #c5daed;
	}

	.pickerImg {
		position: absolute;
		margin-left: -16px;
		margin-top: 5px;
		cursor: pointer;
	}
	.infoBox {
		background-color: #fefdec;
		border: 1px solid #edebcd;
		padding: 6px;
		margin-bottom: 20px;
	}
	</style>
	
	<script type="text/javascript">
		window.addEvent('domready', function() { 
			//new vlaDatePicker('exampleI');
			//new vlaDatePicker('exampleII', { separator: '-', leadingZero: false, twoDigitYear: true, offset: { y: 3 }, alignX: 'center', alignY: 'bottom' });
			new vlaDatePicker('exampleII', { openWith: 'togglePicker', offset: { y: -2, x: 2 }, separateInput: { day: 'protocol_date_day', month: 'protocol_date_month', year: 'protocol_date_year' } });			
			
			new vlaDatePicker('exampleIII', { openWith: 'togglePicker', offset: { y: -2, x: 2 }, separateInput: { day: 'study_start_date_day', month: 'study_start_date_month', year: 'study_start_date_year' } });
			
			new vlaDatePicker('exampleIIII', { openWith: 'togglePicker', offset: { y: -2, x: 2 }, separateInput: { day: 'study_end_date_day', month: 'study_end_date_month', year: 'study_end_date_year' } });
			
		//	new vlaDatePicker('exampleIV-A', { style: 'adobe_cs3', offset: { y: 1 }, format: 'm/d/y', ieTransitionColor: '' }); 
		//	new vlaDatePicker('exampleIV-B', { style: 'apple_widget', offset: { x: 3, y: 1 } });
		//	new vlaCalendar('exampleV', { startMonday: true });
		//	new vlaDatePicker('exampleVI', { defaultView: 'year' });
		//	new vlaDatePicker('exampleVII', { prefillDate: { day: 12, month: 12, year: 2012 } });			
		});	
	</script>









ตัวแปรที่รับค่า


Code (PHP)
	$protocol_date=$_POST["protocol_date_day"];
	$protocol_date.=$_POST["protocol_date_month"];
	$protocol_date.=$_POST["protocol_date_year"];
	


        $study_start_date=$_POST['study_start_date_day'];
	$study_start_date.=$_POST['study_start_date_month'];
	$study_start_date.=$_POST['study_start_date_year'];
	
		
	$study_end_date=$_POST['study_end_date_day'];	
	$study_end_date.=$_POST['study_end_date_month'];
	$study_end_date.=$_POST['study_end_date_year'];	
	




ตรงที่เอาปฏิทินไปแปะ 1

Code (PHP)
<tr>
                  <td><p>วันที่ลงรับ</p></td>
                  <td>:</td>
                  <td><span id="exampleII">
					<input name="protocol_date_day" type="text" style="width: 18px; border-width: 1px 0 1px 1px;" maxlength="2" /><input value="/" type="text" style="width: 5px; border-width: 1px 0 1px 0;" disabled="disabled" /><input name="protocol_date_month" class="textbox" type="text" style="width: 16px; border-width: 1px 0 1px 0;" maxlength="2" /><input value="/" type="text" style="width: 5px; border-width: 1px 0 1px 0;" disabled="disabled" /><input name="protocol_date_year" type="text" style="width: 28px; border-width: 1px 0 1px 0;" maxlength="4" /><input type="text" style="width: 15px; border-width: 1px 1px 1px 0;" disabled="disabled" /><img src="images/calendar.gif" id="togglePicker" class="pickerImg" width="13px" height="12px" alt="" />				</span>	                  </td>
                </tr>



ตรงที่เอาปฏิทินไปแปะ 2 และ 3
Code (PHP)
<tr>
                  <td><p>ระยะเวลาการศึกษา (เริ่ม)</p></td>
                  <td>:</td>
                  <td><span id="exampleIII">
					<input name="study_start_date_day" type="text" style="width: 18px; border-width: 1px 0 1px 1px;" maxlength="2" /><input value="/" type="text" style="width: 5px; border-width: 1px 0 1px 0;" disabled="disabled" /><input name="study_start_date_month" class="textbox" type="text" style="width: 16px; border-width: 1px 0 1px 0;" maxlength="2" /><input value="/" type="text" style="width: 5px; border-width: 1px 0 1px 0;" disabled="disabled" /><input name="study_start_date_year" type="text" style="width: 28px; border-width: 1px 0 1px 0;" maxlength="4" /><input type="text" style="width: 15px; border-width: 1px 1px 1px 0;" disabled="disabled" /><img src="images/calendar.gif" id="togglePicker" class="pickerImg" width="13px" height="12px" alt="" />				</span>		

      </td>
                </tr>
                <tr>
                  <td><p>ระยะเวลาการศึกษา (สิ้นสุด)</p></td>
                  <td>:</td>
                  <td><span id="exampleIIII">
					<input name="study_end_date_day" type="text" style="width: 18px; border-width: 1px 0 1px 1px;" maxlength="2" /><input value="/" type="text" style="width: 5px; border-width: 1px 0 1px 0;" disabled="disabled" /><input name="study_end_date_month" class="textbox" type="text" style="width: 16px; border-width: 1px 0 1px 0;" maxlength="2" /><input value="/" type="text" style="width: 5px; border-width: 1px 0 1px 0;" disabled="disabled" /><input name="study_end_date_year" type="text" style="width: 28px; border-width: 1px 0 1px 0;" maxlength="4" /><input type="text" style="width: 15px; border-width: 1px 1px 1px 0;" disabled="disabled" /><img src="images/calendar.gif" id="togglePicker" class="pickerImg" width="13px" height="12px" alt="" />				</span></td>
                </tr>




Tag : PHP, MySQL, JavaScript







Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2013-10-08 11:42:27 By : momiya123 View : 1398 Reply : 5
 

 

No. 1



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

สมาชิกที่ใส่เสื้อไทยครีเอท Hall of Fame 2012

สถานะออฟไลน์


ไม่ได้ดู code นะ แต่ลองเปลี่ยนชื่อให้มันแตกต่างกันทั้ง 3 อันดูครับ
ผมใช้ตัว //FileName: DateTimePicker_css.js //Version: 2.1.2 ก็โอนะ








ประวัติการแก้ไข
2013-10-08 12:30:39
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-10-08 12:28:09 By : apisitp
 


 

No. 2



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



สถานะออฟไลน์
Facebook

ตอบความคิดเห็นที่ : 1 เขียนโดย : apisitp เมื่อวันที่ 2013-10-08 12:28:09
รายละเอียดของการตอบ ::
เปลียนชื่อแล้วค่ะ เป็น exampleII exampleIII กับ exampleIIII

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-10-09 17:38:49 By : momiya123
 

 

No. 3



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

สมาชิกที่ใส่เสื้อไทยครีเอท Hall of Fame 2012

สถานะออฟไลน์


ตรง id="togglePicker" ลองเปลี่ยนเป็น
togglePicker1 togglePickerI2 togglePickerI3 ด้วยไม่รู้จะได้ป่าว

อีกอย่าง ตัว date time picker ตัวนี้เอาต้นแบบมาจากไหนครับ
จะได้ปลองเล่น แล้วเอามาช่วยบอกได้


ประวัติการแก้ไข
2013-10-09 17:45:24
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-10-09 17:44:02 By : apisitp
 


 

No. 4



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



สถานะออฟไลน์
Facebook

ตอบความคิดเห็นที่ : 3 เขียนโดย : apisitp เมื่อวันที่ 2013-10-09 17:44:02
รายละเอียดของการตอบ ::
อ๊ากกกกกกกกกก....... ได้แล้วค่ะ ขอบคุณมากนะคะพี่ต้นกล้า

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-10-09 17:55:36 By : momiya123
 


 

No. 5



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

สมาชิกที่ใส่เสื้อไทยครีเอท Hall of Fame 2012

สถานะออฟไลน์



แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-10-09 18:06:59 By : apisitp
 

   

ค้นหาข้อมูล


   
 

แสดงความคิดเห็น
Re : เอาปฏิทินไปแปะ 3 ที่ เวลากดเพื่อเลือกวัน มันแสดง 3 ที่พร้อมกัน งงค่ะ
 
 
รายละเอียด
 
ตัวหนา ตัวเอียง ตัวขีดเส้นใต้ ตัวมีขีดกลาง| ตัวเรืองแสง ตัวมีเงา ตัวอักษรวิ่ง| จัดย่อหน้าอิสระ จัดย่อหน้าชิดซ้าย จัดย่อหน้ากึ่งกลาง จัดย่อหน้าชิดขวา| เส้นขวาง| ขนาดตัวอักษร แบบตัวอักษร
ใส่แฟลช ใส่รูป ใส่ไฮเปอร์ลิ้งค์ ใส่อีเมล์ ใส่ลิ้งค์ FTP| ใส่แถวของตาราง ใส่คอลัมน์ตาราง| ตัวยก ตัวห้อย ตัวพิมพ์ดีด| ใส่โค้ด ใส่การอ้างถึงคำพูด| ใส่ลีสต์
smiley for :lol: smiley for :ken: smiley for :D smiley for :) smiley for ;) smiley for :eek: smiley for :geek: smiley for :roll: smiley for :erm: smiley for :cool: smiley for :blank: smiley for :idea: smiley for :ehh: smiley for :aargh: smiley for :evil:
Insert PHP Code
Insert ASP Code
Insert VB.NET Code Insert C#.NET Code Insert JavaScript Code Insert C#.NET Code
Insert Java Code
Insert Android Code
Insert Objective-C Code
Insert XML Code
Insert SQL Code
Insert Code
เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

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

Notice

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

   
  เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง
 
โดย
อีเมล์
บวกค่าให้ถูก
<= ตัวเลขฮินดูอารบิก เช่น 123 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)







Exchange: นำเข้าสินค้าจากจีน, Taobao, เฟอร์นิเจอร์, ของพรีเมี่ยม, ร่ม, ปากกา, power bank, แฟลชไดร์ฟ, กระบอกน้ำ

Load balance : Server 05
ThaiCreate.Com Logo
© www.ThaiCreate.Com. 2003-2024 All Rights Reserved.
ไทยครีเอทบริการ จัดทำดูแลแก้ไข Web Application ทุกรูปแบบ (PHP, .Net Application, VB.Net, C#)
[Conditions Privacy Statement] ติดต่อโฆษณา 081-987-6107 อัตราราคา คลิกที่นี่