我正在嘗試使用 PHP 從資料庫中獲取日期。這將在日期選擇器中突出顯示。為此，我進行了sql查詢以獲取日期，如下所示。
HTML
Date: <input type="text" id="datepicker">
// Static dates
// An array of dates
var eventDates = {};
eventDates[ new Date( '08/07/2016' )] = new Date( '08/07/2016' );
eventDates[ new Date( '08/12/2016' )] = new Date( '08/12/2016' );
eventDates[ new Date( '08/18/2016' )] = new Date( '08/18/2016' );
eventDates[ new Date( '08/23/2016' )] = new Date( '08/23/2016' );
<script>
$(function() {
// An array of dates
var eventDates = {};
<?php
$sql = "SELECT * from `table` WHERE `value` > 0";
$result = $connect->query($sql);
while($row = $result->fetch_assoc()) {
?>
eventDates[new Date('<?php echo $date = $row['date']; ?>')] = new Date(
'<?php echo $date = $row['date']; ?>');
<?php
}
?>
// datepicker
$('#datepicker').datepicker({
beforeShowDay: function(date) {
var highlight = eventDates[date];
if (highlight) {
return [true, "event", 'Tooltip text'];
} else {
return [true, '', ''];
}
}
});
});
</script>
所以在上面的代碼中，我回圈了所有具有value > 0. 哪個應該列印所有日期但它沒有。我檢查了查詢，它在單獨的 PHP 檔案中完美運行。它呼應出所有日期都有value > 0。
我不確定這是否是從資料庫中獲取日期并將其傳遞給日期選擇器的正確方法。還有另一種使用 JSON 的方法，但我不熟悉該方法，因為我沒有使用過 JSON。
我可以進行哪些更改以從資料庫中獲取日期并在日期選擇器中突出顯示它們？
uj5u.com熱心網友回復：
我已將日期格式化為YY/MM/DDfrom YY-MM-DD。由于日期選擇器日期格式是YY/MM/DD. 如果您使用第二種格式，-它將不會顯示輸出。
這是更正后的腳本代碼：
<script>
$(function() {
// An array of dates
var eventDates = {};
<?php
$sql = "SELECT * from `table` WHERE `value` > 0";
$result = $connect->query($sql);
while( $final=$result->fetch_assoc() )
{
?>
eventDates[new Date('<?php
$orgDate = date($final['date']);
$date = str_replace('-"', '/', $orgDate);
$newDate = date("Y/m/d", strtotime($date));
echo $newDate ?>')] = new Date(
'<?php $orgDate =date($final['date']);
$date = str_replace('-"', '/', $orgDate);
$newDate = date("Y/m/d", strtotime($date));
echo $newDate
?>'
);
<?php
}
?>
// datepicker
$('#start').datepicker({
dateFormat: "yy-mm-dd",
beforeShowDay: function(date) {
var highlight = eventDates[date];
if (highlight) {
return [true, "event", 'Tooltip text'];
} else {
return [true, '', ''];
}
}
});
});
</script>
轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/377898.html
標籤：javascript php 查询 阿贾克斯 jquery-ui-datepicker
上一篇：如何使用JS和Ajax將特定元素從頁面獲取到另一個頁面？
下一篇：如何將產品的總金額傳遞給支付網關