为了账号安全,请及时绑定邮箱和手机立即绑定

点击日历显示日期jquery

标签:
JQuery
var today = new Date();
var selectedDay = today.getDate();
var selectMonth =  today.getMonth()+1
function dateClick(_this){
    selectedDay = $(_this).html();
    refreshActivityList();
}
function refreshActivityList() {
    $('.day').html(selectedDay);
    $('.month').html(selectMonth+'月');
}
<meta charset="utf-8">
<link href="//cdn3.maxuscloud.com/r/cms/pc/css/newhome/index.css" rel="stylesheet" media="all">
<link rel="stylesheet" type="text/css" href="//cdn3.maxuscloud.com/r/cms/pc/css/newhome/dateRange.css">
    <div id="calendar_1507462500931" class="ta_calendar ta_calendar2 cf" style="z-index: 9999; display: block; left: 0px; top: 35px;">
            <div class="ta_calendar_cont cf" id="dateRangePicker_1507462500931">
                <table class="dateRangeDateTable">
                    <caption>2017年10月</caption>
                    <thead>
                        <tr>
                            <th>S</th>
                            <th>M</th>
                            <th>T</th>
                            <th>W</th>
                            <th>T</th>
                            <th>F</th>
                            <th>S</th>
                        </tr>
                    </thead>
                    <tr>
                        <td id="calendar_1507462500931_2017-10-1" style="cursor: pointer;"><span onclick="dateClick(this);">1</span></td>
                        <td id="calendar_1507462500931_2017-10-2" style="cursor: pointer;"><span onclick="dateClick(this);">2</span></td>
                        <td id="calendar_1507462500931_2017-10-3" style="cursor: pointer;"><span onclick="dateClick(this);">3</span></td>
                        <td id="calendar_1507462500931_2017-10-4" style="cursor: pointer;"><span onclick="dateClick(this);">4</span></td>
                        <td id="calendar_1507462500931_2017-10-5" style="cursor: pointer;"><span onclick="dateClick(this);">5</span></td>
                        <td id="calendar_1507462500931_2017-10-6" style="cursor: pointer;"><span onclick="dateClick(this);">6</span></td>
                        <td id="calendar_1507462500931_2017-10-7" style="cursor: pointer;"><span onclick="dateClick(this);">7</span></td>
                    </tr>
                    <tr>
                        <td id="calendar_1507462500931_2017-10-8" style="cursor: pointer;"><span onclick="dateClick(this);">8</span></td>
                        <td id="calendar_1507462500931_2017-10-9" style="cursor: pointer;"><span onclick="dateClick(this);">9</span></td>
                        <td id="calendar_1507462500931_2017-10-10" style="cursor: pointer;"><span onclick="dateClick(this);">10</span></td>
                        <td id="calendar_1507462500931_2017-10-11" style="cursor: pointer;"><span onclick="dateClick(this);">11</span></td>
                        <td id="calendar_1507462500931_2017-10-12" style="cursor: pointer;"><span onclick="dateClick(this);">12</span></td>
                        <td id="calendar_1507462500931_2017-10-13" style="cursor: pointer;"><span onclick="dateClick(this);">13</span></td>
                        <td id="calendar_1507462500931_2017-10-14" style="cursor: pointer;"><span onclick="dateClick(this);">14</span></td>
                    </tr>
                    <tr>
                        <td id="calendar_1507462500931_2017-10-15" style="cursor: pointer;"><span onclick="dateClick(this);">15</span></td>
                        <td id="calendar_1507462500931_2017-10-16" style="cursor: pointer;"><span onclick="dateClick(this);">16</span></td>
                        <td id="calendar_1507462500931_2017-10-17" style="cursor: pointer;"><span onclick="dateClick(this);">17</span></td>
                        <td id="calendar_1507462500931_2017-10-18" style="cursor: pointer;"><span onclick="dateClick(this);">18</span></td>
                        <td id="calendar_1507462500931_2017-10-19" style="cursor: pointer;"><span onclick="dateClick(this);">19</span></td>
                        <td id="calendar_1507462500931_2017-10-20" style="cursor: pointer;"><span onclick="dateClick(this);">20</span></td>
                        <td id="calendar_1507462500931_2017-10-21" style="cursor: pointer;"><span onclick="dateClick(this);">21</span></td>
                    </tr>
                    <tr>
                        <td id="calendar_1507462500931_2017-10-22" style="cursor: pointer;"><span onclick="dateClick(this);">22</span></td>
                        <td id="calendar_1507462500931_2017-10-23" style="cursor: pointer;"><span onclick="dateClick(this);">23</span></td>
                        <td id="calendar_1507462500931_2017-10-24" style="cursor: pointer;"><span onclick="dateClick(this);">24</span></td>
                        <td id="calendar_1507462500931_2017-10-25" style="cursor: pointer;"><span onclick="dateClick(this);">25</span></td>
                        <td id="calendar_1507462500931_2017-10-26" style="cursor: pointer;"><span onclick="dateClick(this);">26</span></td>
                        <td id="calendar_1507462500931_2017-10-27" style="cursor: pointer;"><span onclick="dateClick(this);">27</span></td>
                        <td id="calendar_1507462500931_2017-10-28" style="cursor: pointer;"><span onclick="dateClick(this);">28</span></td>
                    </tr>
                    <tr>
                        <td id="calendar_1507462500931_2017-10-29" style="cursor: pointer;"><span onclick="dateClick(this);">29</span></td>
                        <td id="calendar_1507462500931_2017-10-30" style="cursor: pointer;"><span onclick="dateClick(this);">30</span></td>
                        <td id="calendar_1507462500931_2017-10-31" style="cursor: pointer;"><span onclick="dateClick(this);">31</span></td>
                    </tr>
                </table>
    </div>
    <div class="time-list non-activity" style="display: block;">
        <div class="time-item">
            <p class="time-month">
                <b class="day">11</b> <span class="month">10月</span>
            </p>
        </div>
    </div>
</div>
<script class="lazyload" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/AAffA0nNPuCLAAAAAElFTkSuQmCC" data-original="//cdn3.maxuscloud.com/r/cms/pc/framework/jquery/jquery-3.1.0.min.js"></script>
<script type="text/javascript" class="lazyload" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/AAffA0nNPuCLAAAAAElFTkSuQmCC" data-original="newIndex.js"></script>
点击查看更多内容
3人点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
JAVA开发工程师
手记
粉丝
56
获赞与收藏
363

关注作者,订阅最新文章

阅读免费教程

感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消