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,038

HOME > PHP > PHP Forum > ต้องการให้ popup calendar ในฟอร์มเดียวได้หลายๆ ช่องทำยังไงค่ะ


ต้องการให้ popup calendar ในฟอร์มเดียวได้หลายๆ ช่องทำยังไงค่ะ

 
Topic : 077340



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



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



ต้องการให้ popup calendar ในฟอร์มเดียวได้หลายๆ ช่องทำยังไงค่ะ

calendar

คือเราใช้ Code : jQuery ทำอะ

Code (JavaScript)
$(function(){
	$("#accordion").accordion({ header: "h3" });
	
				// Tabs
				$('#tabs').tabs();
	

				// Dialog			
				$('#dialog').dialog({
					autoOpen: false,
					width: 600,
					buttons: {
						"Ok": function() { 
							$(this).dialog("close"); 
						}, 
						"Cancel": function() { 
							$(this).dialog("close"); 
						} 
					}
				});
				
				// Dialog Link
				$('#dialog_link').click(function(){
					$('#dialog').dialog('open');
					return false;
				});
				
				// datepicker_received_date
				$('#datepicker_received_date').datepicker({
					inline: true
				});

				// Slider
				$('#slider').slider({
					range: true,
					values: [17, 67]
				});
				
				// Progressbar
				$("#progressbar").progressbar({
					value: 20 
				});
				
				//hover states on the static widgets
				$('#dialog_link, ul#icons li').hover(
					function() { $(this).addClass('ui-state-hover'); }, 
					function() { $(this).removeClass('ui-state-hover'); }
				);
		//$("input.send_colorbox").colorbox({width:"50%", inline:true, href:"#div_cus_inv"+$(this).attr('rel')}); 
		
		$("input#formsubmit").colorbox({title: function(){
			var url = $(this).parents('frm_send_date').attr('action');
		}});

	});


Code (PHP)
<input type="text" name="received_date[<?php echo $item_id; ?>]" id="datepicker_received_date" value="<?php echo $itemDetail['received_date']; ?>"size="10"  maxlength="10" /><?php echo $item_id; ?>


จะทำยังไงดีอะค่ะ

ขอบคุณค่ะ



Tag : PHP, JavaScript
Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2012-04-21 12:04:09 By : unzeen View : 1896 Reply : 21
 

 

No. 1



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

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

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


Code (PHP)
				// datepicker_received_date
				$('#datepicker_received_date1').datepicker({
					inline: true
				});


				$('#datepicker_received_date2').datepicker({
					inline: true
				});



Code (PHP)
<input type="text" name="received_date[<?php echo $item_id; ?>]" id="datepicker_received_date1" value="<?php echo $itemDetail['received_date']; ?>"size="10"  maxlength="10" /><?php echo $item_id; ?>


<input type="text" name="received_date[<?php echo $item_id; ?>]" id="datepicker_received_date2" value="<?php echo $itemDetail['received_date']; ?>"size="10"  maxlength="10" /><?php echo $item_id; ?>

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2012-04-21 12:33:23 By : sakuraei
 

 

No. 2



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



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


แต่คือ เลขที่ rum เราจะไม่สามารถระบุเป็น 1,2,3 ได้เพราะมันมาจากการ query sql ค่ะ

เราจะใช้ $item_id เป็นเลขรัน

ถ้าเราจะระบุ id="datepicker_received_date_<?php echo $item_id; ?>

Code (PHP)
<input type="text" name="received_date[<?php echo $item_id; ?>]" id="datepicker_received_date_<?php echo $item_id; ?>" value="<?php echo $itemDetail['received_date']; ?>"size="10"  maxlength="10" /><?php echo $item_id; ?>


เราจะทำอย่างไรดีให้ jQuery รับทาง $item_id เข้ามาด้วยอะ
$('#datepicker_received_date_'+$item_id)
Code (JavaScript)
// datepicker_received_date
$('#datepicker_received_date_'+$item_id).datepicker({
	inline: true
});

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2012-04-21 12:40:19 By : unzeen
 

 

No. 3



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

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

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


มีมากกว่าสองชุดหรือครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2012-04-21 12:51:36 By : sakuraei
 

 

No. 4



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



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


แล้วแต่ว่ามันจะคิวรี่จาก database ได้มีกี่ record น่ะค่ะ
ซึ่ง มันดึง id ออกมาอยู่แล้ว
เช่น
record แรกมี id 1200001
record ที่สองมี id 1200005
record ที่สามมี id 1200007

อย่างนี้นะค่ะ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2012-04-21 12:53:16 By : unzeen
 

 

No. 5



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

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

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


แล้ว input ของ date picker จะถูกสร้างโดย php ด้วยหรือเปล่า

ถ้าใช่ก็ให้สร้าง input box และสคริปต์ของ jquery-date picker ด้วยลูปของ php ไปเลยครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2012-04-21 12:54:35 By : sakuraei
 

 

No. 6



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

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

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


เพราะว่า ต้องมีโค้ดออกมาเป็นคู่อยู่แล้ว ระหว่าง

Code
<input type="text" name="received_date[<?php echo $item_id; ?>]" id="datepicker_received_date_<?php echo $item_id; ?>" value="<?php echo $itemDetail['received_date']; ?>"size="10" maxlength="10" /><?php echo $item_id; ?>



กับ

Code
// datepicker_received_date
$('#datepicker_received_date_<?php echo $item_id;?>').datepicker({
inline: true
});
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2012-04-21 12:58:52 By : sakuraei
 

 

No. 7



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



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


งงงงงอะ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2012-04-21 13:01:21 By : unzeen
 

 

No. 8



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



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


ถ้าใช่ก็ให้สร้าง input box และสคริปต์ของ jquery-date picker ด้วยลูปของ php ไปเลยครับ

ยังไงอะค่ะ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2012-04-21 13:03:02 By : unzeen
 

 

No. 9



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

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

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


$item_id เอามาจากไหนครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2012-04-21 13:04:33 By : sakuraei
 

 

No. 10



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

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

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


ผมสรุปให้แบบนี้น่ะครับ

คือมี input ที่รับค่าวันที่กี่ตัว ก็จะมีโค้ดของ jquery (ในส่วนของdatepicker) เท่ากัน

โดยระบุ id ของทั้ง input-ที่รับวันที่ และ id ของโค้ด jquery ให้เหมือนกัน เช่น


Code
<input type="text" id="datepicker_received_date_1" value="" size="10" maxlength="10" />
<input type="text" id="datepicker_received_date_2" value="" size="10" maxlength="10" />
<input type="text" id="datepicker_received_date_3" value="" size="10" maxlength="10" />
<input type="text" id="datepicker_received_date_4" value="" size="10" maxlength="10" />


กับ


Code
// datepicker_received_date
$('#datepicker_received_date_1').datepicker({
inline: true
});

$('#datepicker_received_date_2').datepicker({
inline: true
});

$('#datepicker_received_date_3').datepicker({
inline: true
});

$('#datepicker_received_date_4').datepicker({
inline: true
});
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2012-04-21 13:10:31 By : sakuraei
 

 

No. 11



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



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


$item_id เอามาจากไหนครับ มาจาก database ค่ะ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2012-04-21 13:12:04 By : unzeen
 

 

No. 12



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



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


Code
// datepicker_received_date
$('#datepicker_received_date_1').datepicker({
inline: true
});

$('#datepicker_received_date_2').datepicker({
inline: true
});

$('#datepicker_received_date_3').datepicker({
inline: true
});

$('#datepicker_received_date_4').datepicker({
inline: true
});


แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้

อันนี้มาจากการพิมพ์เองหมดเรยหรอค่ะ ?
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2012-04-21 13:13:11 By : unzeen
 

 

No. 13



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

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

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


ครับ หรือจะใช้ $item_id เป็นตัวกำกับ ก็ได้ครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2012-04-21 13:16:44 By : sakuraei
 

 

No. 14



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



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


แล้วมันจะ รับรู้ได้ไงยังไงอะ ตัว item_id อะ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2012-04-21 13:19:14 By : unzeen
 

 

No. 15



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

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

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


Code
<input type="text" id="datepicker_received_date_1200001" value="" size="10" maxlength="10" />
<input type="text" id="datepicker_received_date_1200171" value="" size="10" maxlength="10" />
<input type="text" id="datepicker_received_date_1200021" value="" size="10" maxlength="10" />
<input type="text" id="datepicker_received_date_1200301" value="" size="10" maxlength="10" />


กับ


Code
// datepicker_received_date
$('#datepicker_received_date_1200001').datepicker({
inline: true
});

$('#datepicker_received_date_1200171').datepicker({
inline: true
});

$('#datepicker_received_date_1200021').datepicker({
inline: true
});

$('#datepicker_received_date_1200301').datepicker({
inline: true
});
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2012-04-21 13:19:33 By : sakuraei
 

 

No. 16



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

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

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


แล้ว $item_id ได้มาจากการวนลูป(ดึงจากฐานข้อมูล)ไม่ใช่หรอครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2012-04-21 13:21:13 By : sakuraei
 

 

No. 17



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



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


ใช่อะ :S
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2012-04-21 13:31:35 By : unzeen
 

 

No. 18



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



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


มีเมล์ไม๊อะ แอด มาหน่อยได้ป่าว งงงง
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2012-04-21 13:31:55 By : unzeen
 

 

No. 20



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

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

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


แอดไปแล้วครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2012-04-21 13:37:12 By : sakuraei
 

 

No. 21



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



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


ไม่เหนมาเรยอะ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2012-04-21 13:39:11 By : unzeen
 

 

No. 22



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

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

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


ปกติใช้แต่ skype ไม่ได้เล่น msn นานแล้วล่ะ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2012-04-21 13:39:35 By : sakuraei
 

   

ค้นหาข้อมูล
   
 

แสดงความคิดเห็น
Re : ต้องการให้ popup calendar ในฟอร์มเดียวได้หลายๆ ช่องทำยังไงค่ะ
 
 
รายละเอียด
 
ตัวหนา ตัวเอียง ตัวขีดเส้นใต้ ตัวมีขีดกลาง| ตัวเรืองแสง ตัวมีเงา ตัวอักษรวิ่ง| จัดย่อหน้าอิสระ จัดย่อหน้าชิดซ้าย จัดย่อหน้ากึ่งกลาง จัดย่อหน้าชิดขวา| เส้นขวาง| ขนาดตัวอักษร แบบตัวอักษร
ใส่แฟลช ใส่รูป ใส่ไฮเปอร์ลิ้งค์ ใส่อีเมล์ ใส่ลิ้งค์ 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 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)





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