实例代码“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演示-HTML data属性</title>
6
<link rel="stylesheet" href="/api/jq/5733e32c6dac2/css/ion.calendar.css">
7
<style>
8
.sucaihuo { margin-top: 100px;  text-align: center;}
9
.sucaihuo .date { width: 200px; padding: 5px; font-family: Arial, Helvetica, sans-serif;}
10
</style>
11
</head>
12
<body>
13
<h1>HTML data 属性</h1>
14
<div class="sucaihuo">
15
    <input type="text" class="date" data-lang="zh-cn" data-years="10" data-format="YYYY.MM.DD" data-sundayfirst="false" placeholder="请选择日期">
16
</div>
17
<script src="http://cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script>
18
<script src="/api/jq/5733e32c6dac2/js/moment.min.js"></script>
19
<script src="/api/jq/5733e32c6dac2/js/moment.zh-cn.js"></script>
20
<script src="/api/jq/5733e32c6dac2/js/ion.calendar.min.js"></script>
21
<script>
22
$(function(){
23
    $('.date').each(function(){
24
        $(this).ionDatePicker();
25
    });
26
});
27
</script>
28
</body>
29
</html>