jQuery日期日历插件

1、新建html文档。

2、书写hmtl代码。

<div id="demo">

  <div id="ca"></div>

</div>

3、书写css代码。

<style type="text/css">

html { font: 500 14px 'roboto'; color: #333; background-color: #fafafa; }

a { text-decoration: none; }

ul, ol, li { list-style: none; padding: 0; margin: 0; }

#demo { width: 380px; margin: 150px auto; }

p { margin: 0; }

#dt { margin: 30px auto; height: 28px; width: 200px; padding: 0 6px; border: 1px solid #ccc; outline: none; }

</style>

4、书写并添加js代码。

<script src="js/jquery.js"></script> 

<script src="js/calendar.js"></script> 

5、代码整体结构。

6、查看效果。