|
 |
| |
[TIP] : ประยุกต์ใช้งาน jQuery datepicker |
| |
 |
|
|
 |
 |
|
Code (PHP)
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>jQuery UI Date picker</title>
<script src="../jQueryUI/js/jquery-1.9.0.js"></script>
<script src="../jQueryUI/js/jquery-ui-1.10.0.custom.js"></script>
<link rel="stylesheet" href="../jQueryUI/redmond/jquery-ui-1.10.0.custom.css" />
<link rel="stylesheet" href="../jQueryUI/development-bundle/themes/redmond/jquery-ui.css" />
<!-- กำหนดขนาดของ datepicker -->
<style type="text/css">
.ui-datepicker{
width:250px;
font-family:tahoma;
font-size:14px;
text-align:center;
}
</style>
</head>
<body>
<form id="form1" name="form1" method="post" action="" autocomplete=off>
<label>Date : </label>
<input type="text" name="txt_date" id="txt_date" class="date_picker" /><br /><br />
</form>
</body>
</html>
<script>
$(function(){
$(".date_picker").datepicker({//ใช้ selector แบบ class
showOn: "button",//กำหนดให้คลิกที่ ปุ่ม
buttonImage: "Btn_Img/carlendar.png",//path ของรูป
buttonImageOnly: true,//ให้แสดงผลแค่รูป
dateFormat: 'd-M-yy',//รูปแบบวันที่
duration: 'fast',//ความเร็วในการแสดงผล
showAnim: "drop",//animation
minDate:0//กำหนดให้เลือกวันที่ได้ตั้งแต่วันปัจจุบันเป็นต้นไป
})
.click(function(){
$(this).select();//select ข้อความใน tag ปัจจุบัน
})
.css({
//กำหนด style ให้ tag input
"width":"100px",
"background-color":"#BCEE68",
"border":"solid 1px #CCC"
});
});
</script>
Download !!
Tag : PHP, HTML/CSS, JavaScript, jQuery, Windows
|
|
|
 |
 |
 |
 |
| Date :
2013-02-05 09:03:17 |
By :
popnakub |
View :
1141 |
Reply :
9 |
|
 |
 |
 |
 |
|
|
|
|
 |
 |
|
 |
 |
| |
|
|
|
| |
|
แนบยังไงครับพี่ หรือพี่หมายความว่า coppy code มาวางไว้เหมือนด้านบนใช่ไหมครับ ?
|
ประวัติการแก้ไข
2013-02-05 09:41:29
| |
|
|
| |
| Date :
2013-02-05 09:41:01 |
By :
popnakub |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
ลอง Zip แล้ว Upload พวกเว็บฝากไฟล์ดูครับ เดียวว่าง ๆ จะมาแก้ไข Link ให้ครับ 
|
| |
|
|
| |
| Date :
2013-02-05 10:06:50 |
By :
mr.win |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
ตาม link นี้ครับ
|
| |
|
|
| |
| Date :
2013-02-05 10:40:27 |
By :
popnakub |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
แก้เรียบร้อยแล้วครับ
|
| |
|
|
| |
| Date :
2013-02-07 06:47:55 |
By :
mr.win |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
คุณวินน่าจะลบ development-bundle ออกหน่อยก็ดีครับ ไฟล์มันใหญ่โดยไม่จำเป็น เน็ตมือถือผม โหลดอืดเลย
|
| |
|
|
| |
| Date :
2013-02-07 08:11:37 |
By :
deawx |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
เดียวแก้ไขให้ครับ
|
| |
|
|
| |
| Date :
2013-02-07 08:50:17 |
By :
mr.win |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
ผมขอถามเลยแล้วกันครับ
เวลาที่เราโหลดมาแล้วจะเจอ 3 Floder ครับ แต่ที่เราใช้หลัก แค่ 2 Folder ใช่ไหมครับ อันนี้คาใจมานานมาครับเพราะโหลดมาใช้ก็ไม่กล้าลบก็เลยเก็บไว้อย่างงั้นเลยครับ
เดี๋ยวสายๆจะเอาเรื่อง .prop vs .attr ใน jQuery 1.9.0 จะทำเป็นตัวอย่างให้เพื่อนๆกันครับ
|
| |
|
|
| |
| Date :
2013-02-07 08:53:47 |
By :
popnakub |
|
|
| |
|
|
|
|
|
| |
|
|
|
|
|
| |
|
 Load balance : Server 04
|
Quote:
