HTML輸入框中的Javascript函數

Question

好的，JS新手，但我有一個帶有輸入框的HTML表單。這個輸入框的值需要被寫入我寫的一個JavaScript函數，並且我無法使它工作。

在頭上我有我的js文件的位置。基本上，我想要輸入框值= JavaScript函數。

<script src="js/functions.js"></script>

的HTML輸入框

<input type="text" name="date" id= "date" value= "" class="inputBox" 
disabled /> 

JavaScript函數

function dateToday{ 
var today = new Date(); 
var dd = today.getDate(); 
var mm = today.getMonth()+1; //January is 0! 
var yyyy = today.getFullYear(); 
if(dd<10) { 
    dd='0'+dd 
} 

if(mm<10) { 
    mm='0'+mm 
} 

today = mm+'/'+dd+'/'+yyyy; 

document.write(today); 
} 

Answer 1

您可以使用document.getElementById（「date」）.value來設置輸入的值。 還 「功能dateToday {」 需要改變，以 「功能dateToday（）{」

function dateToday() { 
 
    var today = new Date(); 
 
    var dd = today.getDate(); 
 
    var mm = today.getMonth() + 1; //January is 0! 
 
    var yyyy = today.getFullYear(); 
 
    if (dd < 10) { 
 
    dd = '0' + dd 
 
    } 
 

 
    if (mm < 10) { 
 
    mm = '0' + mm 
 
    } 
 

 
    today = mm + '/' + dd + '/' + yyyy; 
 

 
    document.write(today); 
 
    document.getElementById("date").value = today; 
 
} 
 

 
dateToday();

<input type="text" name="date" id="date" value="" class="inputBox" disabled />

Answer 2

<script> 
// Place this code at the end of the document body 
window.onload = function(){ 
    document.getElementById("date").value = dateToday();  
}; 
</script> 
</body> 

和更改文件撰寫（今天）;至今天返回;

您可能需要查看日期輸入類型。

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/date

Answer 3

你可以做的document.getElementById（ 「DATE」）值=由user2182349提到的，並且確保今天加

回報dateToday（）。

在你的函數dateToday（）中。

Answer 4

<script> 
    $(function() { 
     document.getElementById("date").value = dateToday() 
    }); 
</script> 

Answer 5

除了這裏一些變化，有沒有重大。檢查下面的代碼。

function dateToday() { 
 
    var today = new Date(); 
 
    var dd = today.getDate(); 
 
    var mm = today.getMonth() + 1; //January is 0! 
 
    var yyyy = today.getFullYear(); 
 
    if (dd < 10) { 
 
    dd = '0' + dd 
 
    } 
 

 
    if (mm < 10) { 
 
    mm = '0' + mm 
 
    } 
 

 
    today = mm + '/' + dd + '/' + yyyy; 
 

 
    return today; 
 
} 
 

 
document.getElementById("date").value = dateToday();

<input type="text" name="date" id="date" value="" class="inputBox" disabled/>