Forgot Password ??

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

	Registered : 109,038

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

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

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

custer

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

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

Date : 2012-08-12 14:45:58

By : custer

View : 14290

Reply : 12

No. 1

Goun

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

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

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

Date : 2012-08-12 14:56:06

By : taza678

No. 2

Pine

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

Code (JavaScript)

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

Date : 2012-08-12 15:00:16

By : Pine

No. 3

custer

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

ตอบความคิดเห็นที่ : 2 เขียนโดย : Pine เมื่อวันที่ 2012-08-12 15:00:16

รายละเอียดของการตอบ ::

......ลองใส่แล้วคะ ไม่มีอะไรเกิดขึ้นเลยคะ >.<

Date : 2012-08-12 15:26:31

By : custer

No. 4

Pine

โพสกระทู้ ( 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

Pine

โพสกระทู้ ( 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

Krungsri

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

Code (PHP)

1.<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

custer

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

ขอบคุณพี่ๆทุกคนนะคะ เมพขิงๆๆๆๆ

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 : 
</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>
 - 
<td align="right">
To : 
</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

Pine

โพสกระทู้ ( 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

Tuii

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

ตอบความคิดเห็นที่ : 10 เขียนโดย : ปิยะณัฐ ภัทรพล เมื่อวันที่ 2018-09-12 09:09:47

รายละเอียดของการตอบ ::

ถ้าใช้ datepicker อยู่
ใช้คำสั่ง minDate, maxDate เลยครับ

Date : 2018-09-12 09:40:43

By : Jatmentz

No. 12

Chaidhanan

โพสกระทู้ ( 9,590 )
บทความ ( 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 ทำอย่างไรคะ

รายละเอียด

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

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

Notice

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

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

โดย

อีเมล์

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

<= ตัวเลขฮินดูอารบิก เช่น 123 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)

Registered : 109,038

document.write("<font color=996600>[PHP]</font>"); [PHP] วิธีเวลาเลือกปฏิทินแล้วส่งค่าไป textbox ทำอย่างไรคะ

No. 1

No. 2

No. 3

No. 4

No. 5

No. 6

No. 7

No. 8

No. 9

No. 10

No. 11

No. 12

ค้นหาข้อมูล

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

Notice

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