如何单击日历并将日期复制到没有回发的文本框，在 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/