Nathan Tregillus
Nathan Tregillus

Reputation: 6354

DatePicker.SelectedDate not changing when Text is input

When my users select a date via the Calander control within the DatePicker, the value gets correctly bound to the underlying object. BUT, if the user types the date within the DatePicker, then clicks a button, the text is not set to the SelectedDate property.

The user has to remove the cursor from the TextBox within the DatePicker for the bound object to be updated.

 <toolkit:DatePicker Name="_dpField" Grid.Column="1" MinWidth="100"
               ToolTip="{Binding Path=ToolTipText}"
               TextInput="_dpField_TextInput"
               SelectedDate="{Binding Path=Value, UpdateSourceTrigger=PropertyChanged, Mode=TwoWay}"/>

HELP! how do i make sure that this typed value is used within the buttons event code?

Thanks!

Upvotes: 17

Views: 29208

Answers (6)

apoth
apoth

Reputation: 13

In my particular case I had a Button that started an action in its ViewModel before the date was updated from text. However binding the function below to the buttons Click (both Click and Action are bound) overwrites the required date before the action starts.

private void UpdateDateBeforeAction(object sender, RoutedEventArgs e)
{
    bool parseSuccess = DateTime.TryParse(this.myDatePicker.Text, out DateTime parsedDate);
    if (parseSuccess && this.DataContext is MyParticularViewModel vm)
    {
        vm.targetDate = parsedDate;
    }
}

Edit: Actually you don't even need to touch the viewmodel

if(parseSuccess)
{
    this.myDatePicker.SelectedDate = parsedDate;
}

Upvotes: 0

user3771230
user3771230

Reputation: 21

Here a simple solution, that helped me even with the european/german date format "dd.MM.yyyy".

Add to your xaml root element

xml:lang="de-AT"

and the datepicker looks like this:

<DatePicker SelectedDate="{Binding PropertyName, StringFormat=dd.MM.yyyy}" Name="datePicker" />

hope it works for you!

Upvotes: 2

Rob
Rob

Reputation: 1

This is probably a bit late, but I've been stuck on this for a while now.

If you have another WPF element you can change focus to that at the beginning of your button press event, this will make the datepicker process any text entered in it's textbox. I've only tried this with a combobox but it seems to work and it allows you to still have custom formatting on your dates (ie 26/04/2016 rather than 04/26/2016). I assume you would be able to use an invisible element as well if you don't have anything to change focus to.

    private void btnInbound_Complete_Click(object sender, RoutedEventArgs e)
    {
        if (Validation())
        {
            comboInbound_Result.Focus();//THIS IS SO THAT ANY MANUAL DATEPICKER ENTRY IS ACCEPTED BEFORE THE REST OF THE BUTTON CODE IS RUN
            SQLinbound_CompleteItem();
            ClearAll();
        }
    }

Upvotes: -2

Abdalwhab Bakheet
Abdalwhab Bakheet

Reputation: 1163

The only solution that I could find is to disable entering of the date in the DatePicker by setting Focusable="False" and only allowing selection from the calendar. This way we can at least make sure that we get the correct date.

Upvotes: 1

Slampen
Slampen

Reputation: 818

I found a easier solution where I don't need the DateConverter.

I only bound to the Text Property and use TargetNullValue=''.

<DatePicker x:Name = "dpDisbursementDate" 
            Text = "{Binding NameOfMyProperty, Mode=TwoWay,    
            UpdateSourceTrigger=PropertyChanged, ValidatesOnDataErrors=True, 
            TargetNullValue=''}"/>

Upvotes: 20

biju
biju

Reputation: 18040

You can use a converter for parsing your typed text to a valid datetime

Sample

 public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
    {
        string strValue = System.Convert.ToString(value);
        DateTime resultDateTime;
        if (DateTime.TryParse(strValue, out resultDateTime))
        {
            return resultDateTime;
        }
        return value;

    }

Xaml

     <Controls:DatePicker 
     Text="{Binding OrderDate,Mode=TwoWay,UpdateSourceTrigger=PropertyChanged}"
     SelectedDate="{Binding RelativeSource={RelativeSource Self},Path=Text,
     Converter={StaticResource DateConverter}}">

Upvotes: 8

Related Questions