locked
DATE PICKER RRS feed

  • Question

  • <!--ContentPanel. Colocar aquí el contenido adicional-->
            <Grid x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,0">
                <StackPanel>
                    <toolkit:DatePicker Name="dtpInicio"
                                        Header="Fecha de Inicio"
                                        ValueChanged="dtpInicio_ValueChange"/>
                    <toolkit:DatePicker Name="dtpFin"
                                        Header="Fecha de Fin"
                                        ValueChanged="dtpInicio_ValueChange"/>
                    <TextBlock x:Name="txbSalida" TextAlignment="Center" Text="" Margin="{StaticResource PhoneHorizontalMargin}" Style="{StaticResource PhoneTextExtraLargeStyle}"/>
                </StackPanel>
            </Grid>

    XAML.CS

    // Constructor
            public MainPage()
            {
                InitializeComponent();
                //Fecha actual del sistema
                dtpInicio.Value = DateTime.Today;
                dtpFin.Value = DateTime.Today;
                //Operacion
                dtpInicio_ValueChange(null, null);
            }

            private void dtpInicio_ValueChange(object sender, DateTimeValueChangedEventArgs e)
            {
                txbSalida.Text = "";
                if (dtpInicio.Value == null || dtpFin.Value == null)
                {
                    return;
                }

                if (dtpFin.Value < dtpInicio.Value)
                {
                    DateTime? tmp = dtpFin.Value;
                    dtpFin.Value = dtpInicio.Value;
                    dtpInicio.Value = tmp.Value;
                }
                TimeSpan dif = dtpFin.Value.Value - dtpInicio.Value.Value;
                txbSalida.Text = dif.Days.ToString("#,##0") + " dias";
            }
        }
    }

    Monday, January 27, 2014 10:26 AM

Answers