前幾天做項(xiàng)目的時(shí)候要用到日期控件，但是在ASP.NET中，沒有封裝日期控件，第一想法就是百度一下嘍~，下面給大家分享如何使用這個(gè)控件，擴(kuò)充一下自己的代碼庫。
首先需要大家下載一個(gè)DatePicker的JavaScript的文件，解壓文件包，放于所需的項(xiàng)目文件夾下，直接放到JS的文件夾下（沒有的話直接粘貼進(jìn)來就可以），然后在要用的界面里面引用這個(gè)DatePicker的WdatePicker.JS文件。
圖一 界面展示
前臺(tái)代碼：
|
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時(shí)間控件非常實(shí)用，基本在每一個(gè)界面上面都會(huì)見到這個(gè)控件，是很好的操作，希望能給您帶來幫助。
