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

Registered : 107,997

HOME > PHP > PHP Forum > วิธีเวลาเลือกปฏิทินแล้วส่งค่าไป textbox ทำอย่างไรคะ



 

วิธีเวลาเลือกปฏิทินแล้วส่งค่าไป textbox ทำอย่างไรคะ

 



Topic : 082232



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



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



calendar
Code (PHP)
<!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>
<link href="flick/jquery-ui-1.8.22.custom.css" rel="stylesheet" type="text/css">
</head>
<body>
<form id="form1" name="form1" method="post" action="">
<table width="392" height="84" border="0" align="center">
<tr>
     <td width="88">วัน/เดือน/ปี</td>
     <td width="294">
      <input type="text" name="date" id="date" />
     </td>
</tr>
<tr>
    <td>&nbsp;</td>
      [color=purple]<td><div id="Calendar">
       <script type="text/javascript" src="jquery-1.7.2.js"></script>
       <script type="text/javascript" src="jquery-ui-1.8.22.custom.js"></script>
       <script> $(function(){
	$("#Calendar").datepicker(); });</script>
        </div></td>
</tr>
</table>
</form>
</body>
</html>


ตอนนี้สามารถให้แสดงปฏิทินได้แล้วคะ แต่ยังไม่สามารถส่งค่าเข้า Textbox ได้คะ รบกวนด้วยนะคะ(ขอระเอียดนิดนึงนะคะ เพราะว่าไม่เก่งโค้ดอ่ะคะ)



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







Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2012-08-12 14:45:58 By : custer View : 10387 Reply : 12
 

 

No. 1



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

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

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


ต้องไปดู ที่ๆโหลดสคิปมาครับว่ามีส่วนของโค๊ตที่ ให้นำไปใช้ต่อหรือไม่้ กับอีกอย่าง แก้ใน script ของ ui เองครับ

ลองไปดูที่โหลดมาก่อนถ้าไม่มีจริงๆ ลองเอา โค๊ตในสคิปมาดูครับเผื่อช่วยได้






แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2012-08-12 14:56:06 By : taza678
 


 

No. 2



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



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


Code (JavaScript)
$("#date").datepicker(); //กำหนด selector ที่ชื่อไิอดีของอินพุทครับ

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2012-08-12 15:00:16 By : Pine
 

 

No. 3



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



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

ตอบความคิดเห็นที่ : 2 เขียนโดย : Pine เมื่อวันที่ 2012-08-12 15:00:16
รายละเอียดของการตอบ ::
......ลองใส่แล้วคะ ไม่มีอะไรเกิดขึ้นเลยคะ >.<

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2012-08-12 15:26:31 By : custer
 


 

No. 4



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



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


อ้อ ขออภัยครับ ผมนึกว่าคลิกที่อินพุทแล้วเลือกวันที่


Code (JavaScript)
$("#Calendar").datepicker({
    onClose:function(){
        $('#date').val($(this).val());
    },
    onSelect: function(){ 
        $('#date').val($(this).val());
    }
});


ยังไม่ได้ลองนะครับ แหะๆๆ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2012-08-12 15:42:01 By : Pine
 


 

No. 5



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



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


ลองแล้วโอเคครับ

Code (JavaScript)
<script type="text/javascript"> 
$(function(){
	$("#Calendar").datepicker({
		onSelect: function(){ 
			$('#date').val($(this).val());
		}
	});
});
</script>



ลดเหลือแค่ onSelect ก็ได้ครับ เพราะไม่ได้ปิดปฏิทิน
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2012-08-12 15:50:24 By : Pine
 


 

No. 6



โพสกระทู้ ( 1,521 )
บทความ ( 2 )

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

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

Code (PHP)
<input type="text" name="date" id="date" />

ต้องใช้ ID ของ Input เป็น Selector นะครับ
Code (PHP)
<!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>
<link href="flick/jquery-ui-1.8.22.custom.css" rel="stylesheet" type="text/css">
</head>
<body>
<form id="form1" name="form1" method="post" action="">
<table width="392" height="84" border="0" align="center">
<tr>
     <td width="88">วัน/เดือน/ปี</td>
     <td width="294">
      <input type="text" name="date" id="date" />
     </td>
</tr>
<tr>
    <td>&nbsp;</td>
      [color=purple]<td><div id="Calendar">
       <script type="text/javascript" src="jquery-1.7.2.js"></script>
       <script type="text/javascript" src="jquery-ui-1.8.22.custom.js"></script>
       <script> $(function(){
	$("#date").datepicker(); });</script>
        </div></td>
</tr>
</table>
</form>
</body>
</html>

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2012-08-12 17:13:52 By : Krungsri
 


 

No. 7



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



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

ขอบคุณพี่ๆทุกคนนะคะ เมพขิงๆๆๆๆ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2012-08-12 19:14:12 By : custer
 


 

No. 8

Guest


พี่ๆคนไหนพอทราบวิธีการส่งค่าผ่านพารามิเตอร์ทาง textbox โดยไม่มีปุ่ม submit ใดๆไหมคะ
คือหนูทำปฏิทินเหมือนกัน แต่ต้องการแยกฟังก์ชันออกมาเพื่อให้ผู้อื่นสามารถเรียกใช้ได้ด้วย
แต่ปัญหาคือ ฟังก์ชัน popupcalendar จะทำงานก็ต่อเมื่อมีการเรียกชื่อ id เดียวกันกับ textbox
อย่างที่พี่ได้สอนมาข้างต้น แต่ถ้าเกิดกรณีที่ในหน้าฟอร์มของ textbox นั้น มีหลาย textbox
หลาย id จะทำอย่างไรคะ (คิดว่าต้องส่งพารามิเตอร์อย่างเดียว)

แต่ในไฟล์ที่หนูแสดงให้ดู เป็นไฟล์ที่สามารถส่งค่าพารามิเตอร์ได้ (เพราะหนูแอบใส่รูปเพื่อทำ link
ไปที่ฟังก์ชัน) แต่ปัญหาก็มีอีก คือในฟังก์ชัน popupCalendar มันก็ไปเรียกไฟล์รูปมาแสดงอีกที

รบกวนด้วยนะคะ ยาวหน่อย แต่ก็เพราะกลัวพี่ๆไม่เข้าใจคำถาม ขอบคุณค่ะ

ไฟล์ calendar02.jsp

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><%@page
language="java" contentType="text/html; charset=ISO-8859-1"
pageEncoding="ISO-8859-1"%>
<html>
<head>
<title>calendar</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">


<LINK rel="stylesheet" href="<%=request.getContextPath()%>/theme/Main.css" type="text/css">
<LINK rel=stylesheet href="<%=request.getContextPath()%>/jquery/css/jquery.ui.all.css">
<SCRIPT type=text/javascript src="<%=request.getContextPath()%>/jquery/js/jquery-1.4.2.js"></SCRIPT>
<SCRIPT type=text/javascript src="<%=request.getContextPath()%>/jquery/js/jquery.ui.core.js"></SCRIPT>
<SCRIPT type=text/javascript src="<%=request.getContextPath()%>/jquery/js/jquery.ui.datepicker.js"></SCRIPT>
<SCRIPT type=text/javascript src="<%=request.getContextPath()%>/jquery/js/calendarFunc02.js"></SCRIPT>

</head>
<body>

<table>
<tr>
<td align="right">
From&nbsp;:&nbsp;
</td>
<td colspan="3" align="left">
<INPUT type="text" id=dateFrom1 name="dateFrom" class="datepicker" value="" size="9" readonly="readonly">
<a href="javascript:popupCalendar('dateFrom1', 'dateTo1');"><img src=cal.gif></a>
&nbsp;-&nbsp;
<td align="right">
To&nbsp;:&nbsp;
</td>
<td colspan="3" align="left">
<INPUT type="text" id=dateTo1 name="dateTo" class="datepicker" value="" size="9" readonly="readonly">
<a href="javascript:popupCalendar('dateFrom1', 'dateTo1');"><img src=cal.gif></a>
</td>
</tr>
</table>
</body>
</html>


ไฟล์ calendarFunc02.js

$(function popupCalendar(id1,id2){

var dates = $('#'+id1+',#'+id2).datepicker({

showOn: 'button',
buttonImage: 'jquery/images/cal.gif',
buttonImageOnly: true,

showAnim: 'slideDown',

dateFormat: 'dd-mm-yy',

//minDate: 0,
//defaultDate: "+1w",
changeMonth: true,
changeYear: true,
numberOfMonths: 1,
onSelect: function(selectedDate) {
var option = this.id == id1 ? "minDate" : "maxDate";
var instance = $(this).data("datepicker");
var date = $.datepicker.parseDate(instance.settings.dateFormat || $.datepicker._defaults.dateFormat, selectedDate, instance.settings);
dates.not(this).datepicker("option", option, date);
}

});
});
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2012-08-21 11:47:21 By : GooGoy
 


 

No. 9



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



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


ทำเป็นกระทู้ใหม่ดีกว่าครับ แล้วอธิบายอีกรอบนะครับ ผมยังไม่ค่อยเข้าใจ แหะๆๆ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2012-08-21 11:55:03 By : Pine
 


 

No. 10

Guest


ผมต้องการปฏิทิน ใช้สำหรับการรับสมัครพนักงาน
โดยกำหนดอายุพนักงาน เกิดระหว่าง วันที่ 1 ม.ค.2540 ถึง 31 ธ.ค.44
ทดลองปรับแต่ง Code แล้ว ยังไม่ประสบความสำเร็จ
ท่านใดมีคำแนะนำ บ้างหรือไม่ครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2018-09-12 09:09:47 By : ปิยะณัฐ ภัทรพล
 


 

No. 11



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



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


ตอบความคิดเห็นที่ : 10 เขียนโดย : ปิยะณัฐ ภัทรพล เมื่อวันที่ 2018-09-12 09:09:47
รายละเอียดของการตอบ ::
ถ้าใช้ datepicker อยู่
ใช้คำสั่ง minDate, maxDate เลยครับ

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2018-09-12 09:40:43 By : Jatmentz
 


 

No. 12



โพสกระทู้ ( 8,016 )
บทความ ( 2 )



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


ลองใช้่ feature ของ html5 input type date ดูครับ

ซึ่ง support locale ของ เครื่องที่ใช้งาน

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/date
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2018-09-12 13:20:49 By : Chaidhanan
 

   

ค้นหาข้อมูล


   
 

แสดงความคิดเห็น
Re : วิธีเวลาเลือกปฏิทินแล้วส่งค่าไป textbox ทำอย่างไรคะ
 
 
รายละเอียด
 
ตัวหนา ตัวเอียง ตัวขีดเส้นใต้ ตัวมีขีดกลาง| ตัวเรืองแสง ตัวมีเงา ตัวอักษรวิ่ง| จัดย่อหน้าอิสระ จัดย่อหน้าชิดซ้าย จัดย่อหน้ากึ่งกลาง จัดย่อหน้าชิดขวา| เส้นขวาง| ขนาดตัวอักษร แบบตัวอักษร
ใส่แฟลช ใส่รูป ใส่ไฮเปอร์ลิ้งค์ ใส่อีเมล์ ใส่ลิ้งค์ 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: Voake, Comcube, รับทำเว็บไซต์ รับเขียนโปรแกรม

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