前幾天做項目的時候要用到日期控件,但是在ASP.NET中,沒有封裝日期控件,第一想法就是百度一下嘍~,下面給大家分享如何使用這個控件,擴充一下自己的代碼庫。
首先需要大家下載一個DatePicker的JavaScript的文件,解壓文件包,放于所需的項目文件夾下,直接放到JS的文件夾下(沒有的話直接粘貼進來就可以),然后在要用的界面里面引用這個DatePicker的WdatePicker.JS文件。
圖一 界面展示
前臺代碼:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
|
<%@ 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 > |
效果圖:
圖二 效果圖
DatePicker時間控件非常實用,基本在每一個界面上面都會見到這個控件,是很好的操作,希望能給您帶來幫助。