asp.net時間控件之用法

下面介紹其使用方法：

第一步：

到我提供的位址下載下傳JS檔案，并解壓到項目某個目錄下，你自己定啦。

第二步：

在需要用到時間控件的aspx頁面中添加該JS檔案中的WdatePicker.js檔案。

如<script src="../JS/My97DatePicker/WdatePicker.js" type="text/javascript"></script>

接着就是添加兩個文本框，這個時間控件是利用TextBox進行改造而成的，添加代碼如下：

<asp:panel id="Panel1" style="width: 100%" runat="server"  >

      起始時間<input id="tbStartTime" type="text" runat="server" style="width: 102px" />

      截止時間<input id="tbEndTime" type="text" runat="server" style="width: 102px" /> 

     <asp:Button ID="btnQuery" runat="server" Text="查詢" onclick="btnQuery_Click" />

</asp:panel>

第三步：

在背景aspx.cs檔案中添加如下代碼：

protected void Page_Load(object sender, EventArgs e)

    {

        if (!IsPostBack)

        {

            AddDateControl();

            tbStartTime.Value = DateTime.Now.ToString("yyyy-MM-dd");

            tbEndTime.Value = DateTime.Now.ToString("yyyy-MM-dd");

        }

    }

   /// <summary>

    /// 日期輸入框設定

    /// </summary>

    private void AddDateControl()

        tbStartTime.Attributes.Add("class", "Wdate");

        tbStartTime.Attributes.Add("onfocus", "new WdatePicker(this,'%Y-%M-%D',false)");

        tbEndTime.Attributes.Add("class", "Wdate");

        tbEndTime.Attributes.Add("onfocus", "new WdatePicker(this,'%Y-%M-%D',false)");

接下來，您可能最關心的就是如何擷取時間值，其實也很簡單，隻要像下面這樣取值即可：

DateTime dtStart = DateTime.ParseExact(tbStartTime.Value, "yyyy-MM-dd", System.Globalization.CultureInfo.CurrentCulture);