介绍下梅花雨日历控件的使用

      在网站上注册或者查询的时候,经常在选择日期的时候会弹出一个日历控件,那这个日历控件很可能就是用梅花雨日历控件来实现的。梅花雨日历控件其实是一个JavaScript文件,要使用它很简单——将这个文件复制到你的项目文件中,调用calendar()事件就OK了!

      下面给出详尽的代码演示:

      1.在项目中新建一个JS文件夹,将calendar.js(梅花雨日历控件)复制到此文件夹下;

      2.在aspx页面代码中写入以下代码:

        <script language ="javascript" type ="text/javascript" src ="../JS/calendar.js" charset ="gb2312">
        </script>

      3.一般都是在文本框上使用此控件:

        <asp:TextBox ID="TextBox1" runat="server" onfocus="calendar()"
                        ReadOnly="True"></asp:TextBox>

 

       此时可以在浏览器中查看下该页面,当文本框TextBox获得焦点的时候,梅花雨日历控件就会自动弹出来。如果要获得用户选择的日期,还可以再后台CS文件中加入如下代码(C#):

        string inputTimeStr = TextBox1.Text;    //获得字符串
        DateTime inputTime = DateTime.Parse(inputTimeStr);   //将字符串转换为日期格式

       很简单吧~O(∩_∩)O~

 

      注:本文为原创作品,转载请注明出处:http://www.cnblogs.com/luzx

posted @ 2010-04-27 14:23  陆宗轩  阅读(2761)  评论(0编辑  收藏  举报