一个css+jq的日历控件

来源:互联网 发布:pythonr 网络爬虫 编辑:程序博客网 时间:2024/05/20 14:16

刚毕业,闲着的时候做了一个日历控件,用css和jquery实现基本的日历功能,包括年份和月份的翻页,日期的选择,根据输入框的初始内容来初始化控件,日期改变之后,也会更新该输入框的内容。

首先是css代码:

然后是js代码:
使用此控件只需引入上面js、css文件和jquery文件以及
<input type="text" class="x-date"/>一行代码即可。
效果图:

                                             
0 0