从日期选择器中选择日期时启用提交答案

【问题标题】：enable submit when date is selected from datepicker从日期选择器中选择日期时启用提交
【发布时间】：2023-01-09 16:31:26
【问题描述】：

当我手动输入日期时提交按钮被启用但是当我从日期选择器中选择它时它没有被启用

<html>
<body>
    <input type="date" id="txt" onkeyup="manage(this)" class="form-control" name=<?php echo 'actual_date__' . $cur['id'] . '__' . $cur['master_id'] ?> value="<?php echo $filtered_row_result1["actual_date"] ?? ''; ?>" >
    <input type="submit" id="btSubmit" disabled />
</body>
<script>
    function manage(txt) {
        var bt = document.getElementById('btSubmit');
        if (txt.value != '') {
            bt.disabled = false;
        }
        else {
            bt.disabled = true;
        }
    }
<script>
</html>

【问题讨论】：

标签： javascript datepicker submit

【解决方案1】：

<html>
<body>
    <input type="date" id="txt" onchange="manage(this)" class="form-control" name="_name" value="1990-01-01" >
    <input type="submit" id="btSubmit" disabled />
</body>
<script>
    function manage(txt) {
    console.log(txt);
        let bt = document.getElementById('btSubmit');
        if (txt.value != '') {
            bt.disabled = false;
        }
        else {
            bt.disabled = true;
        }
    }
</script>
</html>

查看此解决方案。我更改了输入名称 - 因为我不能在这里使用 php。换成你的

【讨论】：

谢谢@WiatroBosy 它有效，但我不想更改值属性，值应该从之前插入的数据库中获取，所以保持这个条件我们可以获得我的查询
名称和值 - 我更改只是因为 php 在 stackoverflow 上不起作用 - 用您的 php 代码替换名称和值。

【解决方案2】：

使用 onchange 而不是 onkeyup

function manage(txt) {
  var bt = document.getElementById('btSubmit');
  if (txt.value != '') {
    bt.disabled = false;
  } else {
    bt.disabled = true;
  }
}

<html>

<body>
  <input type="date" id="txt" onchange="manage(this)" class="form-control" name=<?php echo 'actual_date__' . $cur[ 'id'] . '__' . $cur[ 'master_id'] ?> value="
  <?php echo $filtered_row_result1["actual_date"] ?? ''; ?>" >
  <input type="submit" id="btSubmit" disabled />
</body>

</html>

【讨论】：

有效。感谢@Nikhil Sawant
@Nikhil Sawant 你检查过你的 sn-p 没有错误吗？