javascript - 当文本框中已有日期时，JQuery 日历默认日期

Question

所以我对在 ASPNET 中使用 JQuery 的日历有疑问。目前，我有一个文本框，其中包含从 SQL 数据库中提取的日期。当用户单击文本框时，文本框下方会弹出一个日历，用户可以选择新日期。但截至目前，如果文本框中有日期，日历将默认为该日期。例如，如果文本框中的日期是 02/28/1998，则日历默认为该日期。我想对其进行设置，以便当用户单击带有日期的文本框时，它默认为日历上的今天日期并将其也放置在文本框中。我怎样才能做到这一点？

ASP 代码:

<asp:TextBox ID="txtAnnualReviewD" runat="server" Text='<%# Bind("IRBAnnualDate", "{0:MM/dd/yyyy}") %>'CssClass="JDateTextbox" />

脚本代码

<script type="text/javascript">
    $(function() {
        $('.JDateTextbox').datepicker({
            changeMonth: true,
            changeYear: true,
            yearRange: "-10:+5"
        });
    });
</script>

Answer 1

有一个名为 showButtonPanel 的 .datepicker 选项，可将“今天”按钮添加到日历中。

<script type="text/javascript">
    $(function() {
        $('.JDateTextbox').datepicker({
            changeMonth: true,
            changeYear: true,
            showButtonPanel: true,
            yearRange: "-10:+5"
        });
    });
</script>

参见示例: http://jqueryui.com/datepicker/#buttonbar