第一件事第一。你不应该真的使用echo 在短代码内，除非无法返回值。在您的情况下，只需将其转换为返回值的函数：

function date_important_info(){

    return display_date($date);

    function display_date($date){ 
        $data = "
            <div id=\'my-shortcode\' style=\'\'>
                <span>Date:</span>
                <span> {$date} </span>
            </div>";
        return $data;
     }
}

add_shortcode(\'date_info\',\'date_important_info\');

现在，关于附加数据的问题。您可以选择短代码的HTML输出，并使用jQuery将其附加到另一个元素中。下面是一个简单的例子：

// Get shortcode\'s content
var content = $(\'#my-shortcode\').outerHTML();
// Add it after the element you want
$(\'#the-element\').after(content);

我已经向您的短代码包装器添加了一个ID，以便能够通过jQuery选择它。您还可以使用.append() 或.before(), 根据您的需要。