Ant Design Blazor 常用组件

时间选择控件：

 <FormItem Label="时间">
        <Row>
            <Col Span="10">
            <TimePicker TValue="DateTime?" @bind-Value="@startTime" OnChange="OnChangeStartTime" Format='@("hh:mm")' />
            </Col>
            <Col Span="3">
            <span>至</span>
            </Col>
            <Col Span="10">
            <TimePicker TValue="DateTime?" @bind-Value="@endTime" OnChange="OnChangeEndTime" Format='@("hh:mm")' />
            </Col>
        </Row>
    </FormItem>

DateTime? startTime = DateTime.Now;
DateTime? endTime = DateTime.Now;

下拉列表框：

<FormItem Label="美疗师">
        <Select DataSource="@_resourceInfos"
                @bind-Value="@context.ResourceID"
                ValueName="@nameof(AppointmentResourceInfo.ID)"
                LabelName="@nameof(AppointmentResourceInfo.Description)"
                DefaultActiveFirstOption=true
                Style="width:120px"
                OnSelectedItemChanged="OnSelectedItemShopChangedHandler">
        </Select>
    </FormItem>