JS框架_(Laydate.js)简单实现日期日历

百度云盘　　传送门　　密码:71hf

JavaScript日期与时间组件_____laydate.js

日期日历效果：

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Gary_日历日期</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>

<div class="laydate-box">
    <input type="text" id="laydateInput" placeholder="xxxx年xx月xx日" />
    <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>

</body>
</html>

index.html