在 ASP.NET CORE 中使用 AJAX 在 DateTimePicker 中显示数据库中的用户生日

Question

我想在 ASP.NET CORE 2.1 project.Here 中使用 AJAX/jQuery 在数据库中显示 DateTimePicker 用户生日 project.Here 是我的主要观点：

<input type="date" asp-for="@Model.DateOfBirth" id="dateOfBirth"    class="form-control" name="DateOfBirth" value="@Model.DateOfBirth" />

这是我的属性:

[DisplayFormat(DataFormatString = @"{0:dd\/MM\/yyyy}")]
    public DateTime DateOfBirth { get; set; }

我有控制账户和操作配置文件：

 public async Task<IActionResult> Profile()
    {
        var user =await this.userManager.GetUserAsync(this.User);
        if (user == null) {

            await this.signInManager.SignOutAsync();
        }
        var model = Mapper.Map<ProfileViewModel>(user);

        return View(model);
    }

Answer 1

尝试使用 Bootstrap 3 Datetimepicker，像这样在视图中包含您的日期字段：

 <input type="text" asp-for="DateOfBirth" id="dateOfBirth" class="form-control my-date" />

在这样的脚本部分中：

@section Scripts {
<script type="text/javascript">
    $(document).ready(function () {
        var date = $(".my-date").val();
        $('.my-date').datetimepicker({
            format: 'd.m.Y H:i',
            date: date
        });
    });
</script>
}

附带说明一下，最好将脚本放在外部文件中：why should I avoid inline Scripts

在 ASP.NET CORE 中使用 AJAX 在 DateTimePicker 中显示数据库中的用户生日

Display User Birthday from Database in DateTimePicker using AJAX in ASP.NET CORE

asp.net-ajax

asp.net-core-mvc