• 用一些组件可以加快开发的速度,就如这里,使用了它日期选择的主机,界面挺漂亮的~
    就是开发的时候,按照文档发现有点小问题,于是把例子copy到本地,精简之后,发现下面的代码,<div class="page"><div class="content"></div></div>不能再减了,另外sm.js必须要在页面加载后再加载,最后要$.init()启动组件。

  • 另外,你或许会发现,这里用了zepto而不是jquery,如果项目是用jquery的。在github上有个issues专门讨论这个问题。

直接复制下面的代码在浏览器打开就能看到效果啦~
或者打开这个链接

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<html>
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="initial-scale=1, maximum-scale=1" />
<link rel="stylesheet" href="http://g.alicdn.com/msui/sm/0.6.2/css/sm.css">
<script type='text/javascript' src='http://g.alicdn.com/sj/lib/zepto/zepto.js' charset='utf-8'></script>
</head>
<body>
<div class="page">
<div class="content">
<input type="text" id="birthday" data-toggle="date"/>
</div>
</div>
<script type='text/javascript' src='http://g.alicdn.com/msui/sm/0.6.2/js/sm.js' charset='utf-8'></script>
<script type="text/javascript">
$.init();
</script>
</body>
</html>

配图