PHP Ionic Angularjs Phonegap AJAX Javascript CSS MySQL jQuery Forum


สอบถามเรื่อง 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 IP: 125.24.91.xxx วันที่: 30-03-2010 เวลา: 18:05:15

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

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


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


  • ( หรือ สามารถทำการ สมัครสมาชิก และล็อกอิน ด้วย ปุ่ม Log in with Facebook ด้านล่าง )
 ความคิดเห็นที่ 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="http://www.ninenik.com/css/smoothness/jquery-ui-1.7.2.custom.css">   
<script type="text/javascript" src="http://www.ninenik.com/js/jquery-1.3.2.min.js"></script>   
<script type="text/javascript" src="http://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 IP: 124.120.13.xxx วันที่: 30-03-2010
 ความคิดเห็นที่ 2

 ขอบคุนครับ 



โดย:  Nastad IP: 125.24.91.xxx วันที่: 31-03-2010 เวลา: 02:43:09