Syncfusion .NET Core Datepicker 格式验证不起作用

Answer 1

您需要使用具有实际日期值而不是字符串格式的 min 和 max 属性。您可以按照Syncfusion DatePicker文档来确保DatePicker组件顺利运行。

@{
    ViewData["Title"] = "Home Page";

    var minDate = new DateTime(2023, 1, 1);
    var maxDate = new DateTime(2023, 12, 12);
}

@model SyncfusionCoreWebApplication.Controllers.DatePicker

<div style="margin:150px auto;width:300px">
    <form method="post">
        <ejs-datepicker id="datepickerFor"
                        ejs-for="@Model.value"
                        strictMode="true"
                        min="@minDate"
                        max="@maxDate"
                        format="MM/dd/yyyy"></ejs-datepicker>
        <div id="errorMessage">
            <span asp-validation-for="value"></span>
        </div>
        <div id="submitbutton">
            <ejs-button id="submitButton" content="Submit"></ejs-button>
        </div>
    </form>
</div>

确保参考以下文档以正确使用 min 和 max 属性，以及渲染 DatePickerFor：

• 最小和最大 属性

• 渲染 日期选择器

此外，直接在 DatePicker 上使用 style 属性并不是自定义其外观的正确方法。对于 UI 定制，请参考以下文档：

• 自定义 DatePicker 外观