WPF Tool KitのDateTimePickerが思うように動かない

C#とWPFでアプリケーション(MVVMパターン)を作っています。
年月日の表示についてWPF標準では不十分だった(Hourまで表示したい)ので、WPF Tool KitのDateTimePickerを使っています。

アプリの処理・構造として、以下２つの場合にDateTimePickerが参照されます。
１、プログラム内部からDateTimePickerに値をセットする
２、人がGUIからセットする

ただ１の場合は問題ないのですが、２の場合に yyyy/MM/dd HH と表示したいのが調整した順から入力され困っています。
サンプルを以下に置きましたので、以下に沿って書きます。(サンプルなので完全なMVVMではないのはご了承ください)

xaml
1//View
2    <xcad:DateTimePicker FormatString="yyyy/MM/dd HH" FontSize="11" Format="Custom" Value="{Binding DateTimeStart}" Margin="47,62,254,223" />
3    <Button Content="表示する" HorizontalAlignment="Left" Height="76" Margin="72,192,0,0" VerticalAlignment="Top" Width="135" Click="OnClickOpen"/>

C#
1//コードビハインド
2    private void OnClickOpen(object sender, RoutedEventArgs e)
3    {
4        MessageBox.Show(mMainViewModel.DateTimeStart);            
5    }

C#
1//ViewModel
2    private string DateTimeStartVal = DateTime.Now.ToString().Substring(0, DateTime.Now.ToString().IndexOf(':')) + ":00:00";
3    public string DateTimeStart
4    {
5        get { return DateTimeStartVal; }
6        set
7        {
8            DateTimeStartVal = value.Substring(0, value.IndexOf(':')) + :00";
9            NotifyPropertyChanged("DateTimeStart");
10        }
11    }

上のプログラムで起動直後にボタンを押下すると、「起動した年月日と時間(HH:00:00)」のダイアログが出ると思います。
ただその後DateTimePickerを操作すると、「年月日時間」じゃないダイアログが表示されます。

これを「年月日時間」順に表示されるようにしたいのですが、どうしたらいいのでしょうか。
説明が下手で大変申し訳ありませんがご助言いただけますと幸いです。

補足

GUIで表示させたい時間は yyyy/MM/dd HH 表記になります。(HHは24時間表記)
またプログラム内部で保持させたい値は yyyy/MM/dd HH:00:00 表記になります。(MinuteとSecondsは00にしたい)
なお関係ないとは思いますが、該当のDateTimePickerのCultureInfoプロパティは ja-JP になっております。

行動規範の内容に同意します

回答3件

これを「年月日時間」順に表示されるようにしたいのですが、どうしたらいいのでしょうか。

DateTimePicker.ValueはDateTime?です。
DateTimeをstringにバインドすると、既定ではen-USでの変換になります。
バインディング宣言の概要 - WPF .NET | Microsoft Learn

以下のどれかひとつで対応してください。

DateTime? DateTimeStartにする
DateTimeで持っておいたほうが都合がいいと思う。
{Binding DateTimeStart, ConverterCulture='ja-JP'}とする
Binding.ConverterCulture プロパティ (System.Windows.Data) | Microsoft Learn
Language="ja-JP"を付ける
FrameworkElement.Language プロパティ (System.Windows) | Microsoft Learn
xml:lang="ja-JP"を付ける
XAML における xml:lang の処理 - XAML | Microsoft Learn

xml
1<Window
2  x:Class="Q174400.MainWindow"
3  xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
4  xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
5  xmlns:xctk="http://schemas.xceed.com/wpf/xaml/toolkit"
6  Width="400"
7  SizeToContent="Height">
8  <StackPanel>
9
10    <GroupBox Header="original">
11      <StackPanel>
12        <xctk:DateTimePicker
13          Format="Custom"
14          FormatString="yyyy/MM/dd HH"
15          TimeFormat="Custom"
16          TimeFormatString="HH"
17          Value="{Binding DateTimeStart1}" />
18        <TextBlock Text="{Binding DateTimeStart1}" />
19      </StackPanel>
20    </GroupBox>
21
22    <GroupBox Header="DateTime">
23      <StackPanel>
24        <xctk:DateTimePicker
25          Format="Custom"
26          FormatString="yyyy/MM/dd HH"
27          TimeFormat="Custom"
28          TimeFormatString="HH"
29          Value="{Binding DateTimeStart2}" />
30        <TextBlock Text="{Binding DateTimeStart2, ConverterCulture='ja-JP'}" />
31      </StackPanel>
32    </GroupBox>
33
34    <GroupBox Header="ConverterCulture">
35      <StackPanel>
36        <xctk:DateTimePicker
37          Format="Custom"
38          FormatString="yyyy/MM/dd HH"
39          TimeFormat="Custom"
40          TimeFormatString="HH"
41          Value="{Binding DateTimeStart3, ConverterCulture='ja-JP'}" />
42        <TextBlock Text="{Binding DateTimeStart3}" />
43      </StackPanel>
44    </GroupBox>
45
46    <GroupBox Header="Language">
47      <StackPanel>
48        <xctk:DateTimePicker
49          Format="Custom"
50          FormatString="yyyy/MM/dd HH"
51          Language="ja-JP"
52          TimeFormat="Custom"
53          TimeFormatString="HH"
54          Value="{Binding DateTimeStart4}" />
55        <TextBlock Text="{Binding DateTimeStart4}" />
56      </StackPanel>
57    </GroupBox>
58
59    <GroupBox Header="xml:lang">
60      <StackPanel>
61        <xctk:DateTimePicker
62          xml:lang="ja-JP"
63          Format="Custom"
64          FormatString="yyyy/MM/dd HH"
65          TimeFormat="Custom"
66          TimeFormatString="HH"
67          Value="{Binding DateTimeStart5}" />
68        <TextBlock Text="{Binding DateTimeStart5}" />
69      </StackPanel>
70    </GroupBox>
71
72  </StackPanel>
73</Window>

cs
1using System.Windows;
2using CommunityToolkit.Mvvm.ComponentModel;
3
4namespace Q174400;
5
6public partial class MainWindow : Window
7{
8    public MainWindow()
9    {
10        InitializeComponent();
11        DataContext = new ViewModel();
12    }
13}
14
15public partial class ViewModel : ObservableObject
16{
17    [ObservableProperty] private string? dateTimeStart1;
18    [ObservableProperty] private DateTime? dateTimeStart2;
19    [ObservableProperty] private string? dateTimeStart3;
20    [ObservableProperty] private string? dateTimeStart4;
21    [ObservableProperty] private string? dateTimeStart5;
22
23    public ViewModel()
24    {
25        var d = DateTime.Now;
26        dateTimeStart2 = d.Date.AddHours(d.Hour);
27
28        dateTimeStart1 = dateTimeStart2.ToString();
29        dateTimeStart3 = dateTimeStart2.ToString();
30        dateTimeStart4 = dateTimeStart2.ToString();
31        dateTimeStart5 = dateTimeStart2.ToString();
32    }
33}