datepicker 在第一次加载时不起作用，jquery

Question

我正在使用 datepicker jquery 来处理 2 个输入“from”和“to”过滤器。 如果选择了其中一个过滤器（从/到），我想将其设为必需。如果用户不想使用日期过滤器，我想删除所需的属性。

但是，在我在“来自”输入中选择日期后，该操作在首次提交时不会受到影响。 不知何故，“来自”输入在第一次加载时无法识别日期选择器的值。

有人知道为什么第一次提交就不行吗？

这里是jquery的代码：

$(document).ready(function () {
    if ($('#to').val().length == 0 && $('#from').val().length == 0) {
        $('#from').removeAttr('required');
        $('#to').removeAttr('required');
    }
    else if ($('#to').val().length > 0 ) {
        $('#from').attr('required');
    }
    else if ($('#from').val().length > 0) {
        $('#to').attr('required');
    }
});

对于from和to的输入，我默认设置为必填。

 @Html.TextBoxFor(modelitem => Model.startdate, new { @class = "datepicker form-control" ,@placeholder = "Select From Date" , @id="from" , @required = "required" })

 @Html.TextBoxFor(modelitem => Model.finishdate, new { @class = "datepicker form-control", @placeholder = "Select To Date" , @id = "to" , @required = "required" })

请告诉我问题所在！

Answer 1

尝试在document.ready 函数中删除它

<script>
     if ($('#to').val().length == 0 && $('#from').val().length == 0) {
        $('#from').removeAttr('required');
        $('#to').removeAttr('required');
    }
    else if ($('#to').val().length > 0 ) {
        $('#from').attr('required');
    }
    else if ($('#from').val().length > 0) {
        $('#to').attr('required');
    }
</script>

或使用：

Alert("this is want to know on first run")

在您的 if else 声明中

除了： 在第一次运行时右键单击页面 = > 控制台菜单并检查一些错误或任何 jquery 是否正在运行。