zoukankan      html  css  js  c++  java
  • ASP.NET 自制时间控件

    asp.net中也有一个时间控件,总觉得不好用然后就在网上搜了下,自制一个时间空间,个人觉得很不错。

    首先在网上下载一个开发包,MY97Datepicker开发包

    然后再网页前台引用这个开发包

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

      

    我这边使用了两种方法来实现

    第一种:

    页面前台代码:

    <tr>
    <td align="right" style="70px; height:25px">Start_Date:
    </td>
    <td align="left" style=" 160px; height: 25px;">
    <asp:TextBox ID="txtstart" runat="server" Width="168px"></asp:TextBox></td>
    <td align="right" style="70px; height:25px">End_Date:
    </td>
    <td align="left" style=" 226px; height: 25px;">
    <asp:TextBox ID="txtend" runat="server" Width="168px"></asp:TextBox></td>
    </tr>
    

      

    然后再page_load里面添加

    txtstart.Attributes.Add("onclick", "WdatePicker()")
    txtend.Attributes.Add("onclick", "WdatePicker()")
    

      

    第二种直接在html里面完成,不需要后台添加任何代码

    <tr>
    <td style=" 150px; background-color: #99cc33;" align="right">
    <asp:Label ID="Label2" runat="server" Text="From Date:"></asp:Label>
    </td>
    <td align="left">
    <input id="d4311" readonly="readonly" class="Wdate" type="text" runat="server" onclick="WdatePicker({maxDate:'#F{$dp.$D(\'d4312\')||\'%y-%M-%d\'}'})"/> 
    </td>
    <td style=" 150px; background-color: #99cc33;" align="right">
    <asp:Label ID="Label3" runat="server" Text="To Date"></asp:Label>
    </td>
    <td align="left">
    <input id="d4312" readonly="readonly" class="Wdate" type="text" runat="server" onclick="WdatePicker({minDate:'#F{$dp.$D(\'d4311\')}',maxDate:'%y-%M-%d'})"/>
    </td>
    </tr>  

    好了,这样就可以看到你想要的时间格式的控件了啊,当然你可以根据自己的情况进行修改。

  • 相关阅读:
    中产阶级的特点
    数字化营销的7个增长点
    前沿显微成像技术专题——电压成像
    前沿显微成像技术专题之钙离子成像
    前沿显微成像技术专题
    前沿显微成像技术专题
    单分子荧光成像概述
    前沿显微成像技术专题之:光片荧光显微镜(3)
    前沿显微成像技术专题之:光片荧光显微镜(2)
    前沿显微成像技术专题之:光片荧光显微镜(1)
  • 原文地址:https://www.cnblogs.com/kevinhome/p/2733797.html
Copyright © 2011-2022 走看看