10 Feb 2012 02:35:32

สอบถามเรื่อง 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

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

ขอบคุนครับ

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

ความคิดเห็นที่ 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 เวลา: 23:30:16

จำนวนผู้เยี่ยมชม 783546