ASP.NET項(xiàng)目開發(fā)中日期控件DatePicker如何使用

更新時(shí)間：2016年04月28日 15:41:21 作者：十二期王雷

這篇文章主要為大家詳細(xì)介紹了ASP.NET項(xiàng)目開發(fā)中日期控件DatePicker的使用方法，感興趣的小伙伴們可以參考一下

前幾天做項(xiàng)目的時(shí)候要用到日期控件，但是在ASP.NET中，沒有封裝日期控件，第一想法就是百度一下嘍~，下面給大家分享如何使用這個(gè)控件，擴(kuò)充一下自己的代碼庫。

首先需要大家下載一個(gè)DatePicker的JavaScript的文件，解壓文件包，放于所需的項(xiàng)目文件夾下，直接放到JS的文件夾下（沒有的話直接粘貼進(jìn)來就可以），然后在要用的界面里面引用這個(gè)DatePicker的WdatePicker.JS文件。

圖一界面展示

前臺(tái)代碼：

<%@ 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è)控件，是很好的操作，希望能給您帶來幫助。

您可能感興趣的文章:

相關(guān)文章

.NET?Core使用SkiaSharp實(shí)現(xiàn)快速生成二維碼
這篇文章主要為大家詳細(xì)介紹了.NET?Core如何使用SkiaSharp實(shí)現(xiàn)快速生成二維碼,文中的示例代碼講解詳細(xì),感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下
2024-01-01
.NET下通過HttpListener實(shí)現(xiàn)簡(jiǎn)單的Http服務(wù)
這篇文章主要為大家詳細(xì)介紹了.NET下通過HttpListener實(shí)現(xiàn)簡(jiǎn)單Http服務(wù)的相關(guān)資料，感興趣的小伙伴們可以參考一下
2016-09-09
asp.net DataSet進(jìn)行排序
關(guān)于對(duì)已經(jīng)綁定的DataSet的排序的問題。
2009-07-07
.NET中防止Access數(shù)據(jù)庫下載
.NET中防止Access數(shù)據(jù)庫下載...
2006-09-09
教你Asp.net下使用mysql數(shù)據(jù)庫的步驟
近日，在項(xiàng)目中遇到了麻煩，客戶非要求使用mysql數(shù)據(jù)庫，對(duì)于我從來么有使用過的人來說，很是頭疼，最后還是硬著頭皮弄好了。期間也遇到了各種各樣的問題，現(xiàn)在把他整理在此，希望對(duì)那些和我一樣從來沒有使用過的人，能快速入手
2012-05-05
asp.net core3.1cookie和jwt混合認(rèn)證授權(quán)實(shí)現(xiàn)多種身份驗(yàn)證方案
身份驗(yàn)證是確定用戶身份的過程。授權(quán)是確定用戶是否有權(quán)訪問資源的過程。本文主要介紹了asp.net core3.1cookie和jwt混合認(rèn)證授權(quán)實(shí)現(xiàn)多種身份驗(yàn)證方案，感興趣的可以了解一下
2021-09-09
ASP.NET?MVC使用JSAjaxFileUploader插件實(shí)現(xiàn)單文件上傳
這篇文章介紹了ASP.NET?MVC使用JSAjaxFileUploader插件實(shí)現(xiàn)單文件上傳的方法，文中通過示例代碼介紹的非常詳細(xì)。對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下
2022-09-09
asp.net利用反射實(shí)現(xiàn)給model類賦值的方法
這篇文章主要介紹了asp.net利用反射實(shí)現(xiàn)給model類賦值的方法,結(jié)合實(shí)例形式分析了asp.net使用反射給model類賦值的操作步驟與相關(guān)操作技巧,需要的朋友可以參考下
2017-03-03
Asp.net 文件上傳類(取得文件后綴名,保存文件,加入文字水印)
Asp.net 取得文件后綴名,保存文件,加入文字水印的代碼類
2008-11-11
asp.net使用jQuery Uploadify上傳附件示例
Uploadify是JQuery的一個(gè)上傳插件，實(shí)現(xiàn)的效果非常不錯(cuò)，帶進(jìn)度顯示,本文是一個(gè)簡(jiǎn)單的介紹Demo，主要是動(dòng)態(tài)傳遞參數(shù)方法,通過formdata 向處理程序傳遞額外的表單數(shù)據(jù)
2014-01-01