update doc

doc/source/handycontrol/native_controls/datePicker/index.md

@@ -1,5 +1,38 @@
 ---
-title: 建设中
+title: DatePicker 日期选择器
 ---
 
-建设中
+# DatePickerBaseStyle
+
+原生日期选择器默认样式，不推荐直接使用，应该始终被其它样式以BasedOn的方式使用。原生日期选择器如果未设置任何样式，则默认使用该样式：
+
+- 默认样式
+`<DatePicker SelectedDate="{x:Static system:DateTime.Now}"/>`
+![ComboBoxBaseStyle](../images/DatePickerBaseStyle.png)
+
+# DatePickerExtendBaseStyle : DatePickerBaseStyle
+
+原生日期选择器扩展默认样式，不推荐直接使用，应该始终被其它样式以BasedOn的方式使用。
+
+# DatePickerExtend : DatePickerExtendBaseStyle
+
+- 标题在上
+`<DatePicker SelectedDate="{x:Static system:DateTime.Now}" Style="{StaticResource DatePickerExtend}" hc:InfoElement.Title="这是标题"/>`
+![DatePickerExtend_1](../images/DatePickerExtend_1.png)
+
+- 标题在左
+`<DatePicker SelectedDate="{x:Static system:DateTime.Now}" Width="380" hc:InfoElement.TitleWidth="140" hc:InfoElement.TitleAlignment="Left" Style="{StaticResource DatePickerExtend}" hc:InfoElement.Title="标题在左侧"/>`
+![DatePickerExtend_2](../images/DatePickerExtend_2.png)
+
+{% note warning %}
+标题在左时，为了多个输入框左侧对齐，需要设置标题宽度，标题宽度无需逐个设置，可在外部容器上统一设置。
+{% endnote %}
+
+- 标题在上，带有水印
+[参见Combobox](../combobox)
+
+- 标题在上，带有水印，且为必填
+[参见Combobox](../combobox)
+
+- 标题在上，带有水印，且为必填，同时自定义必填提示符
+[参见Combobox](../combobox)