JQuery日历在文本框中已有日期时的默认日期

时间:2014-06-17 19:55:39

标签: javascript jquery asp.net

所以我对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>

1 个答案:

答案 0 :(得分:0)

有一个名为showButtonPanel的.datepicker选项,它将Today按钮添加到日历中。

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

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