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

标签：sliverlight   日期   时间   datetimepicker   

实现了一个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多行，就提供给大家下载吧。

点击打开链接

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

标签：sliverlight   日期   时间   datetimepicker   

原文地址：http://blog.csdn.net/cheviko/article/details/39552811