本文主要說明如何在界面控件Essential Studio for WinRT(XAML)中如何創建一個SfDate時間范圍導航，要實現這個可以參考下面的步驟：

1、從項目中打開“添加引用”窗口。

2、選擇“窗口”> “擴展”> Syncfusion controls for WinRT XAML。

3、在XAML頁面添加以下命名空間：

XAML

xmlns:Syncfusion="using:Syncfusion.UI.Xaml.Charts"

4、初始化SfDateTimeRangeNavigator。

XAML

<Syncfusion:SfDateTimeRangeNavigator>
</Syncfusion:SfDateTimeRangeNavigator >

設置SfDateTimeRangeNavigator的項目源

    在上面的步驟的將會產生一個空的SfDateTimeRangeNavigator控件，而且沒有任何的標簽，現在需要設置它的項目源和X綁定路徑，項目源必須實現IEnumerable接口。

添加內容

    需要使用以下屬性添加需要在SfDateTimeRangeNavigator中顯示的內容。

XAML

<Syncfusion:SfDateTimeRangeNavigator ItemsSource="{Binding ItemsSource}" XBindingPath="Date"  >
<Syncfusion:SfDateTimeRangeNavigator.Content>
<Syncfusion:SfChart x:Name="Chart">
  <Syncfusion:SfChart.PrimaryAxis>
    <Syncfusion:DateTimeAxis/>
  </Syncfusion:SfChart.PrimaryAxis>
  <Syncfusion:SfChart.SecondaryAxis>
   <Syncfusion:NumericalAxis/>
  </Syncfusion:SfChart.SecondaryAxis>
  <Syncfusion:LineSeries 
                ItemsSource="{Binding ItemsSource }" 
                XBindingPath="Date”
                YBindingPath="NoOfUsers">
  </Syncfusion:LineSeries>
 
</Syncfusion:SfChart>
 
</Syncfusion:SfDateTimeRangeNavigator.Content >
 </Syncfusion:SfDateTimeRangeNavigator >

下面是創建的可操控的時間范圍導航：

下載Essential Studio for WinRT(XMAL)最新版