日历控件使用教程-优快云博客

本文链接：https://blog.youkuaiyun.com/ruoyu8836/article/details/110633011

日历控件的使用

1.去官网下载demo,添加到工程中，如图所示

1.1官网地址 www.my97.net

    ![在这里插入图片描述](https://img-blog.csdnimg.cn/20201204124639297.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3J1b3l1ODgzNg==,size_16,color_FFFFFF,t_70)

1.2代码添加

在这<div>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
    <script src="My97DatePicker/WdatePicker.js"></script>
</head>


            开始日期:<input type ="text" name="starttime" placeholder="" onfocus="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss'})" readonly="readonly" class="Wdata"/>
            结束日期:<input type="text" name="endtime" placeholder="" onfocus="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss'})" readonly="readonly" class="Wdata"/>
            <asp:Button ID="btnSearch" runat="server" Text="查询"/>
        </div>里插入代码片
### ```1.3显示结果
![在这里插入图片描述](https://img-blog.csdnimg.cn/20201204125024808.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3J1b3l1ODgzNg==,size_16,color_FFFFFF,t_70)
以上就是日历控件的添加