如何将 My97DatePicker 控件绑定到TextBox,详见内容.

现学先卖学一点C#做一个简单的web页面.
现在需要用到一个时间控件(上午才知道 Web下没有日期控件),
但看了一个参考工程发现他就是一个TextBox控件,上午发帖问了才知道原来是在html代码里绑定了该控件但以前一直做用C++,也只会这个.根本没接触过,看了下照着参考工程的html代码写了下,没有实现现在有以下问题:
1、能否在.cs文件里用C#语言在 textbox的onclientclick里边调用了一个js的时间控件，如果可以，怎么调用2、如果只能在html代码里绑定，那么请麻烦详细说下如何在html实现3、绑定My97DatePicker是否需要在网上下载该控件，下载下来后怎么设置，是需要加入到工程目录下，还是要怎么处理？请指教，请尽可能详细点！！！发不了200分，问题解决了，另外再发贴100分相送

解决方案 »

  1.   


    //首先将My97DatePicker文件夹拷到项目里面，然后在需要使用的页面，引用My97DatePicker文件夹里面的js文件。如；
    <script src="../My97DatePicker/WdatePicker.js"></script> //这里根据你的实际路径来填
    //在文本框中增加onfocus事件或者onclick都可以
    <asp:TextBox ID="tbBirthday" runat="server" onkeydown="return false;" onfocus="new WdatePicker(this,'%Y-%M-%D',true,'default')"></asp:TextBox>
    这样就行了。。
      

  2.   


    //其中onfocus="new WdatePicker(this,'%Y-%M-%D',true,'default')"，
    这里面的%Y-%M-%D表示显示日期为年-月-日格式的。如果需要时分秒。就这样设置
    '%Y-%M-%D' 改为'%Y-%M-%D %h:%m:%s'等
      

  3.   

    先去下个my97datepicker的包，里面有个WdatePicker.js，引入就可以了，按1楼写的那样
      

  4.   

    to 1楼:
    asp:TextBox ID="tbBirthday" runat="server" onkeydown="return false;" onfocus="new WdatePicker(this,'%Y-%M-%D',true,'default')"></asp:TextBox>
    1、以上部分代码在源代码什么位置放呢?如何跟需要绑定的TextBox控件的ID联系起来
    2、需要显示到时 分 秒 是否还需要 在'%Y-%M-%D'后边加上一些格式？
      

  5.   

    引用My97DatePicker文件夹里面的js文件是不是就是通过“引用 -> 添加引用"步骤?
      

  6.   

    <script language="javascript" type="text/javascript" src="My97DatePicker/WdatePicker.js"></script>
    <asp:TextBox id="txtStartTime" onfocus="new WdatePicker(this,null,false,'whyGreen')" runat="server" Width="120px"></asp:TextBox><script language="javascript" type="text/javascript" src="../My97DatePicker/WdatePicker.js"></script>
      <input name="txtDateFrom" class="Wdate" type="text" id="txtDateFrom" style="WIDTH:120px" onfocus="new WdatePicker(this,'%Y年%M月%D日',false)" maxdate="#F{$('txtDateTo').value}" onpicked="$('txtDateTo').onfocus()" /> *
    下载My97DatePicker，在根目录添加My97DatePicker文件夹
    参考
      

  7.   

    现在我将html里需要关联的部分改成这样了,代码如下:不知道是否正确,table class="style1">
            <tr>
                <td>
                    <asp:Chart ID="ChartShow" runat="server" Height="349px" Width="753px">
                        <series>
                            <asp:Series Name="Series1">
                            </asp:Series>
                        </series>
                        <chartareas>
                            <asp:ChartArea Name="ChartArea1">
                            </asp:ChartArea>
                        </chartareas>
                    </asp:Chart>
                    <table class="style5">
                        <tr>
                            <td align="center">
                        开始时间:
                    </td>
                    <td>&nbsp;
                        <asp:TextBox ID="Btime" runat="server" onfocus="new WdatePicker(this,'%Y-%M-%D %h:%m:%s',true)"></asp:TextBox>&nbsp;
                        &nbsp;
                    </td>
                    <td align="center">
                        结束时间:
                    </td>
                    <td>&nbsp;
                        <asp:TextBox ID="Etime" runat="server" onfocus="new WdatePicker(this,'%Y-%M-%D %h:%m:%s',true)"></asp:TextBox>&nbsp;
                        &nbsp;
                    </td>
                                    </tr>
                                </table>
                            </td>
                        </tr>
                    </table>
                </td>
            </tr>
        </table>
        </form>
    </body>但是好象还没添加对My97DatePicker的引用,不知道这部分怎么处理
      

  8.   


    我给的就是完整的跟textbox控件关联起来使用的啊。。在文本框中直接加：
     onfocus="new WdatePicker(this,'%Y-%M-%D',true,'default')"即可。
    这里的this，就是把文本框对象传给了日期控件。。所以其他你都不需要管的。直接加上这句就OK叻
      

  9.   

    to 9楼,麻烦你看看我刚才上传的html代码,看看有什么问题没?
    还有里边还没加上对My97DatePicker的引用,不知道如"<script src="../My97DatePicker/WdatePicker.js"></script>"部分放在什么位置
      

  10.   

    //晕，看来楼主连js都没用过导入js文件。。那个日历控件是用js写的，你需要将这个js导入到页面中。也就是在你的aspx页面的<head>节点中，加上这么一句话：
    <script src="My97DatePicker/WdatePicker.js"></script> My97DatePicker/WdatePicker.js这个可能需要修改下，看你的页面和js文件的相对路径是怎么样的。。
      

  11.   

    如果你那个页面和My97DatePicker文件夹是同级目录下，就直接使用上面的那句代码。不需要修改。如果不是。就需要修改下。
      

  12.   

    <html xmlns="http://www.w3.org/1999/xhtml" >
    <head runat="server">
        <title>无标题页</title>
         <script language="javascript" type="text/javascript" src="My97DatePicker/WdatePicker.js"></script>
    </head>
    <body>
        <form id="form1" runat="server">
        <div>
         <asp:TextBox id="txtStartTime" onfocus="new WdatePicker(this,'%Y-%M-%D',true,'default')" runat="server" Width="120px"></asp:TextBox>
        </div>
        </form>
    </body>
    </html>其他日期选择
    参考
    参考
      

  13.   

    现在头结点部分html代码如下:
    <head runat="server">
        <title>测试下拉列表</title>
        <style type="text/css">
            .style1
            {
                width: 100%;
                height: 22px;
            }
            .style2
            {
                width: 100%;
            }
        </style>    <script src="E:\新建文件夹\My97DatePicker\WdatePicker.js"></script></head>绑定空间部分代码如下:
    </Series>
                        <ChartAreas>
                            <asp:ChartArea Name="ChartArea1">
                            </asp:ChartArea>
                        </ChartAreas>
                    </asp:Chart>
                </td>
            </tr>
        </table>
        <table class="style2">
            <tr>
                <td align="center">
                    开始时间:
                </td>
                <td>
                    &nbsp;
                    <asp:TextBox ID="Btime" runat="server" onfocus="new WdatePicker(this,'%Y-%M-%D %h:%m:%s',true)"></asp:TextBox>&nbsp;
                    &nbsp;
                </td>
                <td align="center">
                    结束时间:
                </td>
                <td>
                    &nbsp;
                    <asp:TextBox ID="Etime" runat="server" onfocus="new WdatePicker(this,'%Y-%M-%D %h:%m:%s',true)"></asp:TextBox>&nbsp;
                    &nbsp;
                </td>
            </tr>
        </table>
        </form>
    </body>
    </html>不过现在点相应的TextBox还是没反映,没有弹出时间选择
      

  14.   

    。。你把My97DatePicker\WdatePicker.js放在工程目录下面
      

  15.   


    还没解决？现在My97DatePicker文件夹放在哪呢？跟项目不是放在一起？
      

  16.   

    就是啊,找你说的
    把 My97DatePicker 文件夹放到工程目录"E:\new\DropDownList\"下,现在My97DatePicker与Default.aspx在同一个目录下了