สอบถามเรื่อง DatePicker Event search กับ DatePicker Icon Trigger ครับ

ถาม-ตอบ แนะนำไอเดียว โค้ดตัวอย่าง แนวทาง วิธีแก้ปัญหา สอบถามเรื่อง DatePicker Event search กับ DatePicker Icon Trigger ครับ

สอบถามเรื่อง DatePicker Event search กับ DatePicker Icon Trigger ครับ

 อยากทราบว่า จะทำยังไงให้ DatePicker Event search เปลี่ยนจาก txtbox ธรรมดาเป็น txtbox แล้ว เลือก วันที่จาก ปฏิทินแบบ DatePicker Icon Trigger ครับ โดยที่ ฟังก์ชั่นยังเป็นของ DatePicker Event search อ่ะครับ

DatePicker Event search

DatePicker Icon Trigger

 

ขอบคุณล่วงหน้า สำหรับคำตอบครับ



Nastad 30-03-2010 18:05:15

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

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


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


    ( หรือ เข้าใช้งานผ่าน Social Login )

 ความคิดเห็นที่ 1

ในหน้าลิ้งทั้งสอง ที่จริง มีวิธีการใช้งานรองรับที่ต้องการ แต่อาจเป็นภาษาอังกฤษ

ตัวอย่างโค้ด

<!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></title>
<link rel="stylesheet" type="text/css" href="https://www.ninenik.com/css/smoothness/jquery-ui-1.7.2.custom.css">   
<script type="text/javascript" src="https://www.ninenik.com/js/jquery-1.3.2.min.js"></script>   
<script type="text/javascript" src="https://www.ninenik.com/js/jquery-ui-1.7.2.custom.min.js"></script>   
<script type="text/javascript">   
$(function(){   
    // แทรกโค้ต jquery   
    $("#dateInput,#dateInput2").datepicker({
			showOn: 'button',
			buttonImage: 'http://jqueryui.com/demos/datepicker/images/calendar.gif',
			buttonImageOnly:true
	});   
});   
</script>  
<style type="text/css">   
.ui-datepicker{   
    width:150px;   
    font-family:tahoma;   
    font-size:11px;   
    text-align:center;   
}   
</style> 
</head>

<body>


From:<input type="text" name="dateInput" id="dateInput" /> 
To:<input type="text" name="dateInput2" id="dateInput2" /> 
</body>
</html>

ผลลัพธิ์



ninenik 30-03-2010
 ความคิดเห็นที่ 2

 ขอบคุนครับ 



nastad 31-03-2010 02:43






เว็บไซต์ของเราให้บริการเนื้อหาบทความสำหรับนักพัฒนา โดยพึ่งพารายได้เล็กน้อยจากการแสดงโฆษณา โปรดสนับสนุนเว็บไซต์ของเราด้วยการปิดการใช้งานตัวปิดกั้นโฆษณา (Disable Ads Blocker) ขอบคุณครับ