|
|
|
ช่วยด้วยครับผม อยากเช็ควันที่ซ้ำ เหมือนตัวอย่างในรูป( ข้างในครับ) |
|
|
|
|
|
|
|
Code (JavaScript)
var unavailableDates = ["2-2-2013","6-2-2013"];
function unavailable(date) {
dmy = date.getDate() + "-" + (date.getMonth()+1) + "-" + date.getFullYear();
if ($.inArray(dmy, unavailableDates) < 0) {
return [true,"","Book Now"];
} else {
return [false,"","Booked Out"];
}
}
$('#datepicker').datepicker({ beforeShowDay: unavailable });
|
ประวัติการแก้ไข 2013-02-04 22:18:36
|
|
|
|
Date :
2013-02-04 22:14:45 |
By :
t-monroe |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
ที่ไม่ได้ คือ
1. ต้องดึง core ของ jquery มาก่อน แล้วค่อยตามด้วยส่นเสริมต่างๆ
2. ready state ของ document จะมองไม่เห็น element เพราะว่ารันโค้ด ก่อนที่จะสร้าง element ฉะนั้นต้องให้โหลด element เสร็จก่อน
ลองรันตัวนี้ดูCode (JavaScript)
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title></title>
<script src="http://code.jquery.com/jquery-1.8.3.js"></script>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.0/themes/base/jquery-ui.css" />
<script src="http://code.jquery.com/ui/1.10.0/jquery-ui.js"></script>
<script>
var unavailableDates = ["5-2-2013","6-2-2013"];
function unavailable(date) {
dmy = date.getDate() + "-" + (date.getMonth()+1) + "-" + date.getFullYear();
if ($.inArray(dmy, unavailableDates) < 0) {
return [true,"","Book Now"];
} else {
return [false,"","Booked Out"];
}
}
$(document).ready(function(){
$('#datepicker').datepicker({ beforeShowDay: unavailable });
});
</script>
</head>
<body>
<input name="check_ina" type="text" id="datepicker" />
</body>
</html>
ครับ
|
ประวัติการแก้ไข 2013-02-05 05:18:37
|
|
|
|
Date :
2013-02-05 05:12:11 |
By :
t-monroe |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Code (JavaScript)
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title></title>
<script src="http://code.jquery.com/jquery-1.8.3.js"></script>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.0/themes/base/jquery-ui.css" />
<script src="http://code.jquery.com/ui/1.10.0/jquery-ui.js"></script>
<?php
$arr[] = '2013-02-06 23:59:59';
$arr[] = '2013-02-05 23:59:59';
$arr[] = '2013-02-04 23:59:59';
// ข้อมูลจาก DB
foreach ($arr as $value) {
$format[] = date("j-n-Y",strtotime($value));
// x-x-xxxx format
}
?>
<script>
var unavailableDates = <?php echo json_encode($format); ?>;
function unavailable(date) {
dmy = date.getDate() + "-" + (date.getMonth()+1) + "-" + date.getFullYear();
if ($.inArray(dmy, unavailableDates) < 0) {
return [true,"","Book Now"];
} else {
return [false,"","Booked Out"];
}
}
$(document).ready(function(){
$('#datepicker').datepicker({ beforeShowDay: unavailable });
});
</script>
</head>
<body>
<input name="check_ina" type="text" id="datepicker" />
</body>
</html>
มันก็ต้องนำไปประยุกครับ... ให้ตรงแป๊ะ คงไม่มี
ต่อไปขึ้นอยู่กับเงื่อนไขการดึงวันที่ของคุณมาใช้
|
ประวัติการแก้ไข 2013-02-05 18:08:36
|
|
|
|
Date :
2013-02-05 18:03:11 |
By :
t-monroe |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Load balance : Server 00
|