jQuery单面板日历日期选择插件.zip资源-CSDN文库

共5个文件

js：2个

png：1个

html：1个

版权申诉

jquery代码

jquery特效

jquery插件

jquery实例

142 浏览量 2023-09-22 00:19:10 上传评论收藏 38KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

jQuery单面板日历日期选择插件.zip （5个子文件）

laydate.js 6KB

jquery.min.js 94KB

css

laydate.css 3KB

index.html 2KB

images

calendar.png 1KB

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>jQuery单面板日历日期选择插件</title> <link rel="stylesheet" href="css/laydate.css" /> <script src="js/jquery.min.js"></script> <script src="js/laydate.js"></script> <style type="text/css"> .select-date{font-family:"sta cartman"} </style> </head> <body><script src="/demos/googlegg.js"></script> <div class="laydate-box"> <input type="text" id="laydateInput" placeholder="xxxx年xx月xx日" /> <img src="images/calendar.png" alt="" class="icon data-icon"> <div class="select-date"> <div class="select-date-header"> <ul class="heade-ul"> <li class="header-item header-item-one"> <select name="" id="yearList"></select> </li> <li class="header-item header-item-two" onselectstart="return false"> <select name="" id="monthList"></select> </li> <li class="header-item header-item-three" onselectstart="return false" > <span class="reback">回到今天</span> </li> </ul> </div> <div class="select-date-body"> <ul class="week-list"> <li>日</li><li>一</li><li>二</li><li>三</li><li>四</li><li>五</li><li>六</li> </ul> <ul class="day-tabel"></ul> </div> </div> </div> <script> function getSelectDate(result){ //这里获取选择的日期 console.log(result); } </script> <div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';"> <p>适用浏览器：IE8、360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗.</p> <p>来源：<a href="http://www.lanrenzhijia.com/" target="_blank">懒人</a></p> </div> </body> </html>

评论收藏

内容反馈

版权申诉