Blog Content

    티스토리 뷰

    65.SilverLight3 - Calendar / DatePicker

    반응형
    Calendar
    - 달력 컨트롤로 속성을 이용하여 외형 변경이 가능합니다.

    DatePicker
    - 날짜를 입력 받기/Calendar 을 이용하여 날짜 값을 가져올수 있는 컨트롤 입니다.

    MainPage.xaml

    [그림 65-1]


    <Grid x:Name="LayoutRoot" Background="White">

            <StackPanel>

                <my:Calendar x:Name="cal"></my:Calendar>

                <TextBlock x:Name="lblDisplay"></TextBlock>

                <my:DatePicker x:Name="dp"></my:DatePicker>

                <Button x:Name="btnGet" Content=" "></Button>

            </StackPanel>


    </Grid>


    <my:Calendar> 참고해주세요~ [ 64.SilverLight3 - Tab ]
    도구상자에서 직접 추가 해주셔도 됩니다.


    MainPage.xaml.cs

    namespace Calendar

    {

        public partial class MainPage : UserControl

        {

            public MainPage()

            {

                InitializeComponent();

     

                this.cal.SelectedDatesChanged +=

                     new EventHandler<SelectionChangedEventArgs>(cal_SelectedDatesChanged);

                this.btnGet.Click += new RoutedEventHandler(btnGet_Click);

            }

     

            void btnGet_Click(object sender, RoutedEventArgs e)

            {

                MessageBox.Show(this.dp.Text);

            }

     

            void cal_SelectedDatesChanged(object sender, SelectionChangedEventArgs e)

            {

                lblDisplay.Text = String.Format("0:yyyy-MM-dd hh:mm:ss", cal.SelectedDate);

            }

        }

    }


    결과화면

    [그림 65-2]

    [그림 65-3]




    반응형

    'Silverlight' 카테고리의 다른 글

    67.SilverLight3 - Style  (0) 2009.12.03
    66.SilverLight3 - Resource  (0) 2009.12.03
    64.SilverLight3 - Tab  (0) 2009.12.02
    63.SilverLight3 - Slider  (0) 2009.12.02
    62.SilverLight3 - ProgressBar  (0) 2009.12.02

    Comments