在 PHP 中为 JS Datepicker 输出日期 - 突出显示日期

Question

已经在这里看了几天，但我不确定我的问题是什么。我有这个 php 代码可以从我的数据库中获取日期

if ($result->num_rows > 0) {
    // output data of each row
    while($row = $result->fetch_assoc()) {
    
    
    $php_array_dates = date('m/d/Y',strtotime($row["date_date"]));/*Changes date to 23/03/2021*/
         
    $for_JS_date = "eventDates[ new Date("." '".$php_array_dates."' ".")] = new Date("." '".$php_array_dates."' ".");<BR>";
     
     //$formatted_JS_date = trim($formatted_JS_date, '"');
     
     
     echo $for_JS_date;
}

}

echo $for_JS_date; 输出（看起来很完美），这只是为了让我可以看到正在生成的内容。

eventDates[ new Date( '03/31/2021' )] = new Date( '03/31/2021' );
eventDates[ new Date( '03/29/2021' )] = new Date( '03/29/2021' );
eventDates[ new Date( '03/30/2021' )] = new Date( '03/30/2021' );

现在，当我将 php 变量 $for_JS_date 添加到 jquery 日期选择器时，它会破坏 javascript，即使它是我需要的 identicle 格式。事实上，如果我手动编写由 php 变量生成的日期，它就可以正常工作。这可能是我正在做的愚蠢的事情，但我不知所措。下面是日期选择器代码。

<link rel="stylesheet" href="//code.jquery.com/ui/1.12.0/themes/base/jquery-ui.css">
<style>   
.event a {
    background-color: #5FBA7D !important;
    color: #ffffff !important;
}
</style>

<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.0/jquery-ui.js"></script>
<script>                                                                                
$( function() {

    // An array of dates
    var eventDates = {};
      /*eventDates[ new Date( '03/31/2021' )] = new Date( '03/31/2021' );
        eventDates[ new Date( '03/29/2021' )] = new Date( '03/29/2021' );
        eventDates[ new Date( '03/30/2021' )] = new Date( '03/30/2021' );*/
    
    
    <?php echo $for_JS_date; ?>
    
    // datepicker
    $('#datepicker').datepicker({
        
        /*###START### MONTH & YEAR MENUS ###START###*/
        changeMonth: true,
        changeYear: true,
        /*###END### MONTH & YEAR MENUS ###END###*/
        
        beforeShowDay: function( date ) {
            var highlight = eventDates[date];
            if( highlight ) {
                 return [true, "event", 'Tooltip text'];
            } else {
                 return [true, '', ''];
            }
        }
    });
});
</script>

Answer 1

您的 JavaScript 看起来不错，错误在于您的 PHP 语法。您首先需要初始化一个变量，然后您需要连接到它。您在字符串中添加了<BR> 标记，如果您在 HTML 中打印字符串，该标记可能会起作用。由于您在 JavaScript 中打印字符串，因此会产生错误。因为在 JavaScript 中没有 <BR> 这样的东西。以下是您的字符串在执行之前在 JavaScript 中生成的示例：

eventDates[ new Date( '03/22/2021' )] = new Date( '03/22/2021' );<BR>

正如您所见，<BR> 标签只是坐在那里，只会造成麻烦。以下是您需要修改代码的内容：

if ($result->num_rows > 0) {
    $for_JS_date = null;

    // output data of each row
    while($row = $result->fetch_assoc()) {
        $php_array_dates = date('m/d/Y',strtotime($row["date_date"]));/*Changes date to 23/03/2021*/
                
        $for_JS_date .= "eventDates[ new Date("." '".$php_array_dates."' ".")] = new Date("." '".$php_array_dates."' ".");";
    }
}

上面显示的代码会做什么？

它不会替换您在数组中的索引，而是会追加到您的数组中。

P.s：有比这更好的方法，但我只是在回答你原来的问题！