如何在 Asp.net Core 6 MVC Web 表单中设置可见性标准

Question

我有这个

<div class="mb-3">
                                        <label asp-for="DeliveryDt" class="control-label"></label>
                                        <input asp-for="DeliveryDt" type="text" class="datepicker form-control" autocomplete="off" autofocus="true" readonly />
                                        <span asp-validation-for="DeliveryDt" class="text-danger"></span>
                                    </div>

我想从我的剃刀视图中隐藏这个字段。但我不知道。 在Asp.net简单中，我们 Visible = 'False' ，但这在.Net core 6 MVC中不起作用 请告诉我想法，除了 $('#DeliveryDt').hide();

我已经尝试过这个 $('#DeliveryDt').hide(); 这是有效的，但它只隐藏文本框，标签仍然按原样显示。

请分享一些除了 jquery 或 javascript 之外的想法。

Answer 1

在这种情况下，如果您想隐藏整个 div（标签、文本框、验证消息），您可以执行以下操作：

<div id="DeliveryDtGroup" class="mb-3">
    <label asp-for="DeliveryDt" class="control-label"></label>
    <input asp-for="DeliveryDt" type="text" class="datepicker form-control" autocomplete="off" autofocus="true" readonly />
    <span asp-validation-for="DeliveryDt" class="text-danger"></span>
</div>

然后使用 jQuery，您可以调用以下内容：

$('#DeliveryDtGroup').hide();