ABP 商业日期时间选择器未在编辑时填充值答案

【问题标题】：ABP Commercial DateTime Picker Not Populating values on EditABP 商业日期时间选择器未在编辑时填充值
【发布时间】：2022-01-08 00:26:03
【问题描述】：

在 ABP 商业以前的日期是这样保存的

创建

<abp-input asp-for="TaxCodeEffectiveLife.StartDateTime" value="" type="date" />

在编辑记录时，我们有这样的 rezor 语法

编辑

<abp-input asp-for="TaxCodeEffectiveLife.StartDateTime" value="@(Model.TaxCodeEffectiveLife.StartDateTime?.ToString("yyyy-MM-dd"))" type="date" />

现在我想让用户能够更改日期和时间，所以我更改了 type="datetime-local"

它对我有用，我能够更改和保存日期和时间。现在，当我尝试编辑记录时。它没有填充日期时间。它仅使用 type="date" 填充日期，但当我将其更改为 datetime-local 时不会填充时间。

我试图通过 jQuery 给控制值它不起作用。我还尝试将编辑中的日期格式从 yyyy-MM-dd 更改为 yyyy-MM-dd hh:mm tt 并尝试提供其他格式。它不工作。

【问题讨论】：

标签： asp.net-mvc asp.net-core razor abp

【解决方案1】：

我不知道你是否解决了这个问题。这就是我实现编辑选项的方式

我在 .chtml 文件中有一个隐藏的 StartDateTime 值

<input type="hidden" id="StartDateTime" name="StartDateTime" value="@Model.TaxCodeEffectiveLife.StartDateTime" />

这是星号日期的 UI 元素

<div class="form-group pmd-textfield pmd-textfield-floating-label">
    <label for="regular1" class="control-label">@L["StartDateTime"]</label>
    <div class="input-group date" id="TaxCodeEffectiveLife_StartDateTime" data-target-input="nearest">
        <input type="text" class="form-control datetimepicker-input" data-target="#TaxCodeEffectiveLife_StartDateTime" name="TaxCodeEffectiveLife.StartDateTime" />
        <div class="input-group-append" data-target="#TaxCodeEffectiveLife_StartDateTime" data-toggle="datetimepicker">
            <div class="input-group-text"><i class="fa fa-calendar"></i></div>
        </div>
    </div>
</div>

您还需要将它添加到您的 JavaSript 文件中，以及 .js

    $('#TaxCodeEffectiveLife_StartDateTime').datetimepicker({
        date: new Date($('#StartDate').val()),
        format: "YYYY-MM-DD HH:mm"
    });

【讨论】：