[WP7開發] 使用 Silverlight Toolkit 中的日期選擇器

  • Article

在設計應用程式時，常常會用到選擇日期的欄位，這時可以利用 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 屬性都要設成 Content，Copy 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 為新選取的日期
}