Silverlight 拾取日期和时间的控件-DateTimePicker

来源:互联网 发布:php登入界面 编辑:程序博客网 时间:2024/06/05 17:52

实现了一个Sliverlight可拾取时间和日期的控件

先看产品使用时功能:

右侧按键“...”点击后的样子


下方时间选择后的样子

本控件失去焦点后自动弹回下拉框。


目前还存在一点小问题就是无法很好地通过键盘输入编辑时间。


实现过程:

界面就是TextBox、Button、GlobalCalendar和TimePicker的组合使用


<UserControl xmlns:sdk="http://schemas.microsoft.com/winfx/2006/xaml/presentation/sdk"  x:Class="KJ24BS.Controls.DateTimePicker"    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"    xmlns:toolkit_input="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls.Input.Toolkit"    xmlns:toolkit="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls.Toolkit"    xmlns:i="http://schemas.microsoft.com/expression/2010/interactivity"    xmlns:BSConverter="clr-namespace:KJ24BS.Converters"    mc:Ignorable="d">    <StackPanel >        <StackPanel Orientation="Horizontal" >            <TextBox x:Name="_txtBoxDateTime" Width="124" />            <Button Content="..." Click="Button_Click"/>        </StackPanel>        <Popup x:Name="_popup" >            <Border x:Name="PopupRoot" BorderBrush="#FF8d8b8b" BorderThickness="1">                <StackPanel>                    <toolkit:GlobalCalendar x:Name="_calendar" HorizontalAlignment="Left" SelectionMode="SingleDate"  />                    <toolkit_input:TimePicker x:Name="_timePicker" HorizontalAlignment="Stretch"/>                </StackPanel>            </Border>        </Popup>    </StackPanel></UserControl>

后台实现有200多行,就提供给大家下载吧。

点击打开链接


0 0
原创粉丝点击