在設計應用程式時,常常會用到選擇日期的欄位,這時可以利用 Silverlight for Windows Phone Toolkit 中提供的「日期選擇器」(DatePicker)控制項來做到方便輸入日期的介面。

不知道怎麼將 Silverlight for Windows Phone Toolkit 加入開發專案可以先參考這篇文章,加入 References 之後,在設計介面的 XAML 檔中只需要使用

<toolkit:DatePicker x:Name="TheDate" Value="5/31/2011" />

這個標籤就可以在應用程式中塞入日期選擇器了。

這個控制項有一個好處--它已經自動處理了不同語系的說明文字、年月日的排列,下面兩張圖就是 en-US 以及 zh-TW 的不同:

 

不過別忘了要從 Silverlight for Windows Phone Toolkit 中取出 ApplicationBar.Check.png 以及 ApplicationBar.Cancel.png 放置於專案中的 Toolkit.Content 目錄中(別忘了這兩個檔案的 Build Action 屬性都要設成 ContentCopy to Output 也要設成 Copy if newer),這樣介面才會正常出現下方的按鈕圖案。

而處理日期選擇更動的事件,只要處理 ValueChanged 事件即可:

[XAML]

<toolkit:DatePicker x:Name="TheDate" ValueChanged="OnDateValueChanged" />

[C#]

private void OnDateValueChanged(object sender, DateTimeValueChangedEventArgs e) 
{
  // e.NewDateTime.Value 為新選取的日期
}