javascript - 我正在尝试使用复选框作为条件

Question

所以我想做的是:用户基本上选择输入类型=“日期”的日期，但如果用户单击其旁边的复选框，则输入类型=“日期”将替换为当前日期和时间。这是我编写的代码:

        function myFunction() {
            if($("#checkbox").checked == true) {
                $("#input_date").hide();
                var now = new Date();
                $("#current_datetime").text(now).show();
            } else if($("#checkbox").checked == false) {
                $("#current_datetime").hide();
                $("#input_date").show();  
            }
        }

在html代码中的#checkbox中，我有onClick="myFunction"。

此外，#current_datetime(span 标记中的简单文本)和 #input_date 位于页面上完全相同的位置。

但是该功能不起作用。无论我单击该复选框多少次，都没有任何变化。

非常感谢您提前提供的帮助。

Answer 1

您可以根据以下格式设置日期格式，然后可以在输入 type='date' 中使用它

$(document).ready(function(){
$("#currentDate").on('change',function(){
   var checked=$(this)[0].checked;
   console.log(checked)
   if(checked){
     var today = new Date();
    var dd = today.getDate();
    var mm = today.getMonth()+1;
    var yyyy = today.getFullYear();
    if(dd<10){
        dd='0'+dd;
    } 
    if(mm<10){
        mm='0'+mm;
    } 
     today = yyyy+'-'+mm+'-'+dd; 
     $("#Date").val((today))
   }
   else{
   $("#Date").val('')
   }
})
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type='date' id='Date'/><input type='checkbox' id='currentDate'/>