diff --git a/components/datepicker/index.md b/components/datepicker/index.md
index c0c90d1b6c..764a6618b8 100644
--- a/components/datepicker/index.md
+++ b/components/datepicker/index.md
@@ -33,6 +33,28 @@
 
 我的余生 都用来寻找北方
 
+## API
+
+- **value** `string`
+
+  初始值，如 `2015-01-01`。
+
+- **format** `string`
+
+  显示的日期格式，默认为 `yyyy-MM-dd`。
+
+- **showTime** `bollean`
+
+  显示时间选择条，默认为 `false`。
+
+- **disabled** `function`
+
+  不可选择的日期。
+
+- **onSelect** `function`
+
+  选择日期的回调。
+
 <style>
 .rc-calendar-picker-input {
   width: 200px;
diff --git a/static/style.css b/static/style.css
index c4a4d57ffa..132ceeb199 100644
--- a/static/style.css
+++ b/static/style.css
@@ -445,6 +445,27 @@ footer ul li > a {
   width: 75%;
 }
 
+.markdown > ul > li {
+  list-style: circle;
+  margin-left: 18px;
+}
+
+.markdown code {
+  background: #f6f6f6;
+  padding: 1px 6px;
+  border-radius: 3px;
+  color: #888;
+  font-size: 90%;
+  border: 1px solid #e9e9e9;
+}
+
+#api ~ ul > li > p > strong ~ code {
+  background: #fff;
+  color: #CC7300;
+  border: none;
+  margin-left: 0.5em;
+}
+
 @media only screen and (min-width: 768px) and (max-width: 1024px) {
   .nav {
     width: 40%;
@@ -1172,6 +1193,7 @@ footer ul li > a {
 
 .code-box pre code {
   border: none;
+  background: #fff;
 }
 
 .banner-entry {