如何單擊日歷並將日期復制到沒有回發的文本框，在 asp.net 和 javascript 中？

Question

我有一個用於搜索數據行的 asp.net 頁面。 我希望能夠搜索特定的日期間隔，因此我添加了兩個日歷（從 & 到）和一個文本框。

在日歷中選擇日期時，它會顯示在匹配的文本框中，盡管這會導致回發，這是我的問題。

我以前從未使用過 javascript，所以我想我會給它一個 go，但我幾乎只看到了使用 HTML 的示例，我根本沒有使用。 我只使用 ASP.NET web 控件，例如<asp:Calendar.../> 。

所以接下來的這段代碼就在我的腦海中，我知道 javascript 是完全錯誤的，但我希望你在看到它時明白我想要實現的目標是什么。

<script type="text/javascript">
    function Calendar1_SelectionChanged() {
        FromDate.Text = Calendar1.SelectedDate.ToString();
    }
</script>    

<asp:Calendar ID="Calendar1" runat="server" 
    onselectionchanged="Calendar1_SelectionChanged"></asp:Calendar>

<asp:TextBox ID="FromDate" runat="server"></asp:TextBox>

非常感謝所有答案，我一直試圖通過谷歌搜索找到答案。 但沒有運氣..

編輯：為了在頁面上工作，我需要保留文本框。 或可以手動編輯日期的任何其他方式（以 DateTime 格式）

Answer 1

這里的問題是，當頁面實際提供給瀏覽器時，它與您在此處發布的確切內容不同。 onselectionchanged事件不是 javascript 事件，它執行回發以在服務器上調用方法Calendar1_SelectionChanged 。 盡管 function 似乎與onselectionchanged事件同名，但您的 javascript 代碼並未運行。

我的建議是使用jQuery datepicker 。

我也不確定您的 javascript 是否完全符合您的預期。 看起來您正在使用一些 C# 屬性/方法...

Answer 2

我會親自查看 jQuery 日歷而不是 asp 日歷。 這肯定會避免任何回發。 http://jqueryui.com/demos/datepicker/