这个示例展示了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号的日历单元格被标记为灰色,它是当前日期。