这对你有用吗？

<link type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.10/themes/base/jquery-ui.css" rel="stylesheet" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.11/jquery-ui.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
    $("#datepicker").datepicker({
        onSelect: function(dateText, inst) { $("#thedate").val(dateText); } }); 
    });
</script>

<table>
    <tr>
    <td style="vertical-align:top;">
            <h3>End Date</h3>
        </td>
    <td>
        <ul>
            <li><p>(Pick a date from the calendar below)</p></li>
            <li>
                <div style="margin-bottom:5px;" type="text" id="datepicker"></div>
            </li>
            <li>
                Date Selected: <input type="text" id="thedate" name="date"/> 
            </li>
        </ul>
    </td>
</td>
</tr>
</table>