asp.net日期选择Calendar使用实例

    <script type="text/javascript">   

function testDisplay(id)   

{   

    var divD = document.getElementById(id);   

    if(divD.style.display=="none")   

    {   

        divD.style.display = "block";   

    }   

    else   

    {   

        divD.style.display = "none";   

    }   

}    

    </script>

  <div id="div_TextBox">

      <asp:TextBox CssClass="form-control" ID="TextBox_DateTime" ReadOnly="true" runat="server">0</asp:TextBox>&nbsp;<input

          type="button" value="选择日期" class="btn btn-outline-success" onclick="testDisplay('testD')" />

      <div id="testD" style="display:none;">

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

          </asp:Calendar>

      </div>

  </div>

   protected void Calendar1_SelectionChanged(object sender, EventArgs e)

   {

       this.TextBox_DateTime.Text = Calendar1.SelectedDate.ToString("yyyyMMdd");

   }