ASP.NET中如何使用DatePicker日期控件,很多新手對此不是很清楚,為了幫助大家解決這個難題,下面小編將為大家詳細講解,有這方面需求的人可以來學習下,希望你能有所收獲。
首先需要大家下載一個DatePicker的JavaScript的文件,解壓文件包,放于所需的項目文件夾下,直接放到JS的文件夾下(沒有的話直接粘貼進來就可以),然后在要用的界面里面引用這個DatePicker的WdatePicker.JS文件。
圖一 界面展示
前臺代碼:
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="datepickertest.aspx.cs" Inherits="DatePickertest2.datepickertest" %> <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>文本框</title> <%--引用DatePicker的JS文件--%> <script src="My97DatePicker/WdatePicker.js"></script> </head> <body> <form id="form1" runat="server"> <div> <%--添加文本框--%> <asp:TextBox ID="TextBox1" runat="server" onclick="WdatePicker()"></asp:TextBox> <input id="Text1" type="text" class="Wdate" onFocus="WdatePicker({lang:'zh-cn'})" /> <input class="Wdate" id="d1" onclick="WdatePicker()" /> </div> </form> </body> </html>
效果圖:
圖二 效果圖
看完上述內容是否對您有幫助呢?如果還想對相關知識有進一步的了解或閱讀更多相關文章,請關注億速云行業資訊頻道,感謝您對億速云的支持。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。