在文本框中显示当前日期 - javascript

时间:2016-02-08 17:05:34

标签: javascript html

我很难将当前日期输入到我创建的表单中的文本框中作为默认值。目前我有以下代码,我相信创建当前日期,然后是文本框代码,我不确定如何修改,以便在日期内显示日期。

function getDate(){
 var todaydate = new Date();
 var day = todaydate.getDate();
 var month = todaydate.getMonth() + 1;
 var year = todaydate.getFullYear();
 var datestring = day + "/" + month + "/" + year;
 document.getElementById("frmDate").value = datestring();
} 
<input type="text" name="frmDateReg" required id="frmDate"  value="getDate()">

如果有人可以建议如何创建今天的日期并将其输入到文本框中作为默认值,那将非常感激。 (请原谅任何格式问题,因为我是新的堆栈溢出)谢谢

7 个答案:

答案 0 :(得分:1)

你有正确的想法。这只是故障:

<input type="text" name="frmDateReg" required id="frmDate" value="">

function getDate(){
   var todaydate = new Date();
   var day = todaydate.getDate();
   var month = todaydate.getMonth() + 1;
   var year = todaydate.getFullYear();
   var datestring = day + "/" + month + "/" + year;
   document.getElementById("frmDate").value = datestring;
  } 
getDate(); 

您的代码是正确的,只是在值中添加函数调用不会执行任何操作。你需要别的东西来触发这个功能。我在那里的方式,它将在页面加载时自动执行。

Aslo,datestring不是一个函数。这只是一个变量。所以你可以不用()

答案 1 :(得分:0)

<html>
<body onload="myFunction()">
Date: <input type="text" id="demo"/>
<script>
function myFunction() {
document.getElementById('demo').value= Date();
}
</script>
</body>
</html>

使用此代码。这将有帮助

答案 2 :(得分:0)

unpersist

答案 3 :(得分:0)

试试这个Jquery代码,这将起作用

  $(document).ready(function () {
        var dateNewFormat, onlyDate, today = new Date();

        dateNewFormat = today.getFullYear() + '-';
        if (today.getMonth().length == 2) {

            dateNewFormat += (today.getMonth() + 1);
        }
        else {
            dateNewFormat += '0' + (today.getMonth() + 1);
        }

        onlyDate = today.getDate();
        if (onlyDate.toString().length == 2) {

            dateNewFormat += "-" + onlyDate;
        }
        else {
            dateNewFormat += '-0' + onlyDate;
        }

        $('#mydate').val(dateNewFormat);
    });

razor查看此

@Html.TextBoxFor(m => m.StartedDate, new { @id = "mydate", @type = "date", @class = "form-control" })

答案 4 :(得分:0)

html

<input type="text" id="frmDate"></input>

的JavaScript

var date = new Date();
document.getElementById("frmDate").value = (date.getMonth() + 1) + '/' + date.getDate() + '/' + date.getFullYear();

Jsfiddle Demo

答案 5 :(得分:0)

<script TYPE="text/javascript" LANGUAGE=JAVASCRIPT>
var currentDate = new Date();
var date1 = currentDate.getMonth()+1;
var mon = currentDate.getDate();
if (mon<10)
    mon="0"+mon
var year = currentDate.getYear();
var hour = currentDate.getHours();
var dn="pm"
if (hour<12)
    dn="am"
if (hour>12)
    hour=hour-12
if (hour==0)
    hour=12
var minute = currentDate.getMinutes();
if (minute < 10){
    minute = "0" + minute
}
var second = currentDate.getSeconds();
if (second < 10){
    second = "0" + second
}
var today = date1+"/"+mon+"/"+year+" Time: "+hour+":"+minute+":"+second+" "+dn
var filePath = "\\\\servername\\maindirectory\\somedirectory\\filenametopostto.xlsx";
function setDate()
{
    f1.tDate.value=today;
}
</script>

文本框中的结果是:

  

5/28/2019时间:3:03:01 pm

答案 6 :(得分:0)

这个简单的解决方案为我解决了。您可以使用javascript的window.onload函数显示当前日期。查看输出。

 var todaydate = new Date();
 var day = todaydate.getDate();
 var month = todaydate.getMonth() + 1;
 var year = todaydate.getFullYear();
 var datestring = day + "/" + month + "/" + year;
 window.onload = function(){
 document.getElementById("date").value = datestring;
 }
 
<input type="text" id="date"/ >