4. datepicker
Date Selection Control
<Grid x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,0">
<toolkit:DatePicker ValueStringFormat="{}{0:D}" HorizontalAlignment="Left" Margin="77,126,0,0" Name="datePicker1" VerticalAlignment="Top" Height="68" Width="337">
<toolkit:DatePicker.Background>
<SolidColorBrush Color="Green"/>
</toolkit:DatePicker.Background>
</toolkit:DatePicker>
</Grid>
Valuestringformat: set the date format.
The two icons of ApplicationBar are not automatically added and need to be added manually. Add a toolkit. Content folder and put the two icons under G: \ Program Files \ microsoft sdks \ Windows Phone \ v7.1 \ toolkit \ oct11 \ bin \ icons. Set the attribute to "content" and "always copy ".
5. timepicker
<Grid x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,0">
<toolkit:TimePicker HorizontalAlignment="Left" Margin="81,119,0,0" Name="timePicker1" VerticalAlignment="Top" Width="310" />
</Grid>
The icon setting method of ApplicationBar is the same as that of datepicker.