实例代码“Ctrl+/”提示“F11/ESC”全屏 返回 格式化 恢复 运行
AخA
 
1
<!DOCTYPE html>
2
<html lang="zh-CN">
3
<head>
4
<meta charset="utf-8">
5
<title>jQuery日期/日历插件Ion.Calendar演示-回调函数1</title>
6
<link rel="stylesheet" href="/api/jq/5733e32c6dac2/css/ion.calendar.css">
7
<style>
8
.sucaihuo { width: 250px; padding: 10px; background-color: #efefef;}
9
#result { margin-top: 15px; text-align: center;}
10
</style>
11
</head>
12
<body>
13
<h1>回调函数1</h1>
14
<div class="sucaihuo">
15
    <div id="calendar"></div>
16
</div>
17
<div id="result">&nbsp;</div>
18
<script src="http://cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script>
19
<script src="/api/jq/5733e32c6dac2/js/moment.min.js"></script>
20
<script src="/api/jq/5733e32c6dac2/js/moment.zh-cn.js"></script>
21
<script src="/api/jq/5733e32c6dac2/js/ion.calendar.min.js"></script>
22
<script>
23
$(function(){
24
    $("#calendar").ionCalendar({
25
        lang: 'zh-cn',
26
        format: 'YYYY年M月D日',
27
        onClick: function(date){
28
            $('#result').html(date)
29
        }
30
    });
31
});
32
</script>
33
</body>
34
</html>