1. 程式人生 > >DatePicker控制元件顯示具體的時分秒

DatePicker控制元件顯示具體的時分秒

DatePicker控制元件顯示具體的時分秒

聽語音

  •  
  • |
  • 瀏覽:3331
  • |
  • 更新:2017-04-18 18:37
  • DatePicker控制元件顯示具體的時分秒1

  • DatePicker控制元件顯示具體的時分秒2

  • DatePicker控制元件顯示具體的時分秒3

  • DatePicker控制元件顯示具體的時分秒4

  • DatePicker控制元件顯示具體的時分秒5

  • DatePicker控制元件顯示具體的時分秒6

分步閱讀

在我們開發程式的時候,有時候會遇到我們顯示DatePicker控制元件時,要顯示到具體的時分秒,然後這個時間我們也是可以選擇操作的,畢竟有的查詢就要精確到時分秒,那麼這個時候我們該如何去做呢?

工具/原料

  • VS 2010

方法/步驟

  1. 我們一般使用DatePicker控制元件時,這個控制元件只是顯示到具體的日期,不會顯示到具體的時間,這樣我們想要的功能就無法實現了,所以我們用不了這個控制元件去實現時分秒的選擇。

    DatePicker控制元件顯示具體的時分秒

  2. 那麼我們可以去引用別的類庫,這裡面我引用的是DateTimePickerControl.dll這個類庫,然後前臺要去引用這個類庫方可使用,其實這個類庫也就是DatePicker的一個擴充套件版本。

    DatePicker控制元件顯示具體的時分秒

  3. 當應用好了之後,這個時候我們就要去用這個控制元件了

     <TextBlock Text="起始時間:" VerticalAlignment="Center" Foreground="Black" FontSize="14"/>

                    <local:DateTimePicker x:Name="startPicker" Margin="0,0,20,0" telerik:StyleManager.Theme="Windows8" Foreground="Black"/>

                    <TextBlock Text="結束時間:" VerticalAlignment="Center" Foreground="Black" FontSize="14"/>

                    <local:DateTimePicker Name="endPicker" Margin="0,0,20,0" telerik:StyleManager.Theme="Windows8" Foreground="Black"/>

    DatePicker控制元件顯示具體的時分秒

  4. 這樣顯示好了之後,我們後臺要去設定一下,這個控制元件裡面顯示的時間,不然這個時間我們不好去控制。

            private void InitData()

            {

                startTime = startPicker.SelectedDateTime;

                endTime = endPicker.SelectedDateTime;

            }

    DatePicker控制元件顯示具體的時分秒

  5. 接下來我們執行程式就可以了,這樣我們在介面上就可以看到我們剛才在前臺使用控制元件的執行結果了。從結果來看,我們基本上已經實現了時間控制元件的選擇。

    DatePicker控制元件顯示具體的時分秒

  6. 然後我們點選時間控制元件的下選框,這個時候,我們可以通過日曆表去選擇具體的年月日,然後通過手動去更改具體的時間,這樣我們就可以選擇或者查詢從幾點到幾點的值了。

    DatePicker控制元件顯示具體的時分秒