Response.Write("Hello LOLOTA")

我們來談談DatePicker這個控制項怎麼使用.

DatePicker成員可以從這裡得知，其中比較重要的屬性有：

 

SelectedDateFormat：這個屬性可設定的值包含了Long(格式：2009年1月30日)以及Short(格式：2009/1/30)，若你要自訂顯示的格式，就得自行製作UserControl。

BlackoutDates：取得或設定標記為無法選取的日期集合。這個屬性可以讓我們將選取日期侷限在我們設定的範圍內，避免使用者選到超出範圍的日期。

DisplayDateStart：取得或設定要顯示的第一個日期。

IsTodayHighlighted：取得或設定值，這個值指出目前的日期是否會反白顯示。

 

我們直接透過程式碼來解說：

1.

我們在XAML中建立一個DatePicker、兩個CheckBox以及一個Button，然後給予其屬性以及設定其觸發事件：

<UserControl xmlns:basics="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls" x:Class="SL_D13._1.Page" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" Width="400" Height="300"> <Grid x:Name="LayoutRoot" Background="White"> <basics:DatePicker x:Name="uxDatePciker" Width="150" Height="22" SelectedDateFormat="Short" ></basics:DatePicker> <Button x:Name="uxChangeDisplayForstDate" Content="變更要顯示的第一個日期" VerticalAlignment="Bottom" Width="144" Height="32" HorizontalAlignment="Left" Margin="24,0,0,28" Click="uxChangeDisplayForstDate_Click"></Button> <CheckBox x:Name="uxIsTodayHighlighted" Content="要把今天highlight?" Checked="uxIsTodayHighlighted_Checked" Unchecked="uxIsTodayHighlighted_Unchecked" VerticalAlignment="Bottom" Width="136" Height="24" HorizontalAlignment="Left" Margin="24,0,0,92"> </CheckBox> <CheckBox x:Name="uxBlackBeforeDate" Content="不能選取過去時間" Checked="uxBlackBeforeDate_Checked" Unchecked="uxBlackBeforeDate_Unchecked" VerticalAlignment="Bottom" Width="136" Height="24" HorizontalAlignment="Left" Margin="24,0,0,64"> </CheckBox> </Grid> </UserControl>

這邊我們設定了CheckBox的Checked事件以及Unchecked事件，以及Button的Click事件。

 

2.

在對應的事件中，撰寫下列程式碼：

private void uxChangeDisplayForstDate_Click(object sender, RoutedEventArgs e) { uxDatePciker.DisplayDateStart = new DateTime(2009, 3, 1); } private void uxIsTodayHighlighted_Checked(object sender, RoutedEventArgs e) { uxDatePciker.IsTodayHighlighted = true ; } private void uxIsTodayHighlighted_Unchecked(object sender, RoutedEventArgs e) { uxDatePciker.IsTodayHighlighted = false; } private void uxBlackBeforeDate_Checked(object sender, RoutedEventArgs e) { int yesterdayYear = DateTime.Now.AddDays(-1).Year; int yesterdayMonth = DateTime.Now.AddDays(-1).Month; int yesterday = DateTime.Now.AddDays(-1).Day; uxDatePciker.BlackoutDates.Add(new CalendarDateRange(new DateTime(0001, 1, 1), new DateTime (yesterdayYear, yesterdayMonth, yesterday))); } private void uxBlackBeforeDate_Unchecked(object sender, RoutedEventArgs e) { uxDatePciker.BlackoutDates.Clear(); }

當Istodayhighlighted的Checkbox被核選時，就可以看到DatePicker日曆中的今天被反白顯示，反之則無。

 

當不能選取過去日期的CheckBox被核選時，則DatePicker中的過去日期就不能被選擇，這邊在程式碼中，是透過給予一個日期區間來設定。

 

 

當按下變更顯示的第一個日期時，這邊設定是2009/3/1，所以日曆一顯示就是出現3/1。

 

線上Demo

程式碼下載

 

試煉大會，我們下次見~

 

 

如果您有微軟技術開發的問題，可以到MSDN Forum發問。

如果您有微軟IT管理的問題，可以到TechNet Forum發問喔。