สอบถาม Jquery Datepicker ปิดวันที่ตามที่ต้องการหน่อยครับ ผมติดตรงนี้แก้ยังไงครับ
คือผมจะหาว่า ID ไหน มีวันหยุดบ้าง เริ่มจากการ select ID ที่ต้องการ แล้วไปค้นหาในฐานข้อมูล ว่ามีวันหยุดไหนบ้าง ผมทำมาเกือบจะเสร็จแล้วครับ แต่ติดตรงนี้ครับCode (JavaScript)
$("#ID").change(function() {
$.ajax({
url: 'sync.php',
type: 'GET',
data: { 'action' :'<?php echo encode('getCalendarDays');?>','ID' : $("#ID").val() },
dataType: "json",
success: function( datajson ) {
var unavailableDates = datajson;
function unavailable(date) {
dmy = date.getDate() + "-" + (date.getMonth() + 1) + "-" + date.getFullYear();
if ($.inArray(dmy, unavailableDates) == -1) {
return [true, ""];
} else {
return [false, "", "Unavailable"];
}
}
$("#strdate").datepicker({
dateFormat: 'yy-mm-dd',
numberOfMonths: 1,
constrainInput: true,
beforeShowDay: unavailable
});
}
});
});
Code (PHP) if($action=='getCalendarDays') {
$ID= $mysqli->real_escape_string($_GET['ID']);
$sql = "...";
$result = $mysqli->query($sql);
$num = $result->num_rows;
$invalid_date = array();
while (($row = $result->fetch_assoc())) {
$date_part = $row['id_date'];
list($year, $month, $day) = explode('-', $date_part);
$invalid_date[] = (int)$day.'-'.(int)$month . '-' .(int)$year;
}
echo json_encode($invalid_date);
exit;
}
Tag PHP, HTML/CSS, JavaScript, Ajax, jQuery, CakePHP
ประวัติการแก้ไข
Date :
2015-12-02 15:42:34By :
ilikeitView :
1384Reply :
3
Code (JavaScript)
var array = ["2013-03-14","2013-03-15","2013-03-16"]
$('input').datepicker({
beforeShowDay: function(date){
var string = jQuery.datepicker.formatDate('yy-mm-dd', date);
return [ array.indexOf(string) == -1 ]
}
});
Date :
2015-12-02 22:36:05By :
mr.win
ขอบคุณครับพี่ TC Admin พอดีผมเรียกข้อมูลหลายรอบCode (JavaScript)
$.ajax({
url: 'sync.php',
type: 'GET',
data: { 'action' :'getCalendarDays;?>','branch' : $("#ID").val() },
dataType: "json",
success: function( datajson ) {
unavailableDates = datajson;
// ผมปรับตรงนี้ครับ จากนั้นก็ย้าย function ออกไปไว้นอก ajax
}
});
}
});
function unavailable(date) {
dmy = date.getDate() + "-" + (date.getMonth() + 1) + "-" + date.getFullYear();
if ($.inArray(dmy, unavailableDates) == -1) {
return [true, ""];
} else {
return [false, "", "Unavailable"];
}
}
$("#strdate").datepicker({
dateFormat: 'yy-mm-dd',
numberOfMonths: 1,
constrainInput: true,
beforeShowDay: unavailable
});
Date :
2015-12-02 22:59:07By :
ilikeit
Date :
2015-12-04 08:57:44By :
mr.win
Server 01
Load balance : Server 01
