请查看此代码段

Question

我在这里做错了什么我试图让当前日期在输入框中，但是如果我更改日期我希望新值在那里？

但是目前无论我输入什么日期，它都会输出当前日期。

＆＃13;

function display_array() {
    ////////////Date convert
    var d = new Date();
    var mm = d.getMonth() + 1;
    var dd = d.getDate();
    var yy = d.getFullYear();
    var Dateissue = mm + '/' + dd + '/' + yy; //(US)
    document.getElementById("DateissueO").innerHTML = "Date of issue:  " + Dateissue;
    
    var Dateissue = document.getElementById("DateissueO").value;
}
    
window.onload = function() {
    document.getElementById('Dateissue').value = new Date().toLocaleDateString('en-CA')
}

＆＃13;

<INPUT id="button" onclick="display_array();" class="button" type="button" value="Submit">
    Date of Issue: <INPUT name="Dateissue" id="Dateissue" type="date">
<DIV id="DateissueO"></DIV>

＆＃13;

Answer 1

您需要使用所选日期初始化Date对象。

从元素Dateissue获取新日期，并将其转换为new Date(YYYY/MM/DD)构造函数的兼容日期格式。

document.getElementById('Dateissue').value.replace(/-/g, '/')

请查看此代码段

function display_array() {
    ////////////Date convert
    var d = new Date(document.getElementById('Dateissue').value.replace(/-/g, '/'));
    var mm = d.getMonth() + 1;
    var dd = d.getDate();
    var yy = d.getFullYear();
    var Dateissue = mm + '/' + dd + '/' + yy; //(US)
    document.getElementById("DateissueO").innerHTML = "Date of issue:  " + Dateissue;
    
    var Dateissue = document.getElementById("DateissueO").value;
}
    
window.onload = function() {
    document.getElementById('Dateissue').value = new Date().toLocaleDateString('en-CA')
}

<INPUT id="button" onclick="display_array();" class="button" type="button" value="Submit">
    Date of Issue: <INPUT name="Dateissue" id="Dateissue" type="date">
<DIV id="DateissueO"></DIV>

请参阅？现在正在使用字段Dateissue中新选择的日期。

日期值输出

1 个答案:

请查看此代码段