这个示例展示了DatePickerSample应用程序的两个屏幕截图。

第一个(左边)屏幕截图显示了一个Check-In Date标签,下面是一个包含"yyyy-mm-dd"提示文本的组合框字段。

第二个(右边)示例显示了一个DatePicker控件。它由一个组合框字段和一个日历元素组成。

组合框字段显示的日期是:2013-09-17。

日历元素位于组合框字段下方,显示了2013年9月的日期,从1号到30号。它还显示了下个月10月的一些日期(对应的日期为浅灰色)。月份的日期以表格形式排列。表头包含了星期几。从左到右的列依次是:

星期日,1号,8号,15号,22号,29号,6号

星期一,2号,9号,16号,23号,30号,7号

星期二,3号,10号,17号,24号,1号,8号

星期三,4号,11号,18号,25号,2号,9号

星期四,5号,12号,19号,26号,3号,10号

星期五,6号,13号,20号,27号,4号,11号

星期六,7号,14号,21号,28号,5号,12号

对应于9月17号的日历单元格被标记为蓝色,它是选中的日期。

对应于9月19号的日历单元格被标记为灰色,它是当前日期。