将日期传递给存储过程，并获取返回以在html表中显示的详细信息。

CREATE PROCEDURE GetDetailsByDate
    @date DATE
AS
BEGIN
    SELECT * FROM YourTable WHERE DateColumn = @date;
END

const mysql = require('mysql');

// 创建数据库连接
const connection = mysql.createConnection({
    host: 'your_host',
    user: 'your_user',
    password: 'your_password',
    database: 'your_database'
});

// 连接数据库
connection.connect();

// 调用存储过程并传递日期参数
const date = '2022-01-01'; // 从前端获取的日期
connection.query('CALL GetDetailsByDate(?)', [date], (error, results) => {
    if (error) throw error;

    // 处理返回的详细信息
    const details = results[0]; // 假设存储过程返回一个名为details的结果集

    // 生成HTML表格并显示详细信息
    let html = '<table>';
    html += '<tr><th>Column1</th><th>Column2</th></tr>'; // 表头
    details.forEach(detail => {
        html += `<tr><td>${detail.Column1}</td><td>${detail.Column2}</td></tr>`; // 表格内容
    });
    html += '</table>';

    // 将生成的HTML表格插入到页面中
    document.getElementById('detailsTable').innerHTML = html;
});

// 关闭数据库连接
connection.end();