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>  

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

  • 相关阅读:
    去掉苹果设备中按钮的默认样式
    用纯css写三角形
    行内元素中间出现空隙
    控制字间距
    单选按钮只能选中一个
    ie6出现双倍边距的问题
    17-比赛1 B
    ACM模板
    STL 入门 (17 暑假集训第一周)
    UVA 1594 Ducci Sequence(紫书习题5-2 简单模拟题)
  • 原文地址:https://www.cnblogs.com/kevinhome/p/2733797.html
Copyright © 2011-2022 走看看