JS获取当前时间并把时间赋给input表单

<script>
window.onload = function(){
function getDate(){
debugger;
var today = new Date();
var date;
date = (today.getFullYear()) +"-" + (today.getMonth() + 1 ) + "-" + today.getDate() + "-" + today.toLocaleTimeString();
return date;
}
window.setInterval(function(){
document.getElementById("getBookTime").value=getDate();
}, 1000);
}
</script>

....

<input type="text"  name="getBookTime" id="getBookTime" value="">

另外如何自定义日期格式如下:

选择日期:<input type="date" value="2011-01-04" />
选择时间:<input type="time" value="22:52" />
选择星期:<input type="week" />
选择月份:<input type="month" />结果如下:选择日期:

选择时间:

选择星期:

选择月份:

另一种写法如下:

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

<title>系统时间</title>

<script language="javascript" type="text/javascript">

<!--

    //获得当前时间,刻度为一千分一秒

    var initializationTime = (new Date()).getTime();

    function showLeftTime() {

        var now = new Date();

        var year = now.getYear();

        var month = now.getMonth();

        var day = now.getDate();

        var hours = now.getHours();

        var minutes = now.getMinutes();

        var seconds = now.getSeconds();

        document.all.show.innerHTML = "2" + year + "年" + month + "月" + day + "日 " + hours + ":" + minutes + ":" + seconds + "";

        //一秒刷新一次显示时间

        var timeID = setTimeout(showLeftTime, 1000);

    }

//-->

</script>

</head>

<body onload="showLeftTime()">

<label id="show">显示时间的位置</label>

<inpu type="text" value="这里是要获取时间的!"/>

</body>

</html>

或者如下:

<html>

<head>

<title>无标题文档</title>

<script>

function t(){

var now= new Date();

var h=now.getHours();

var m=now.getMinutes();

var s=now.getSeconds(); 

if (h>=0 && h <=12)

var ho=" AM";

if (h>12 && h<24)

var ho=" PM";

var tt=h+":"+m+":"+s+ho;

document.getElementById("time").value=tt;

}

setInterval(‘t()‘,500);

</script>

</head>

<body>

<form>

<input type="text" id="time" value=""/>

</form>

</body>

</html>

 

 

时间: 2024-10-25 10:09:09

JS获取当前时间并把时间赋给input表单的相关文章

JavaWeb后台从input表单获取文本值的两种方式

JavaWeb后台从input表单获取文本值的两种方式 #### index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <input type="text" name="n

在自定义的js验证规则中调用magento的VarienForm方法验证表单

js部分<script type="text/javascript"> //<![CDATA[ var loginForm = new VarienForm('login-form', true); $('login-email').observe('keypress', bindLoginPost); $('login-password').observe('keypress', bindLoginPost); function bindLoginPost(evt)

兼容IE8以下浏览器input表单属性placeholder不能智能提示功能,以及使用jquery.validate.js表单验证插件的问题处理

当前很多表单提示使用了表单属性placeholder,可这属性不兼容IE8以下的浏览器,我自己写了一个兼容处理js // 兼容IE8以下浏览器input不能智能提示功能 if(navigator.appName == "Microsoft Internet Explorer" && (navigator.appVersion.match(/7./i)=="7." || navigator.appVersion.match(/8./i)=="

140926●日期时间操作、数学函数操作、表单验证

日期时间操作:var d=new Date();var d=new Date(1999,3,5); //时间是:1999-4-5 d.getFullYear();年d.getMonth();月(正常-1)d.getDate();天d.getDay();星期几d.getHours();d.getMinutes();d.getSeconds(); 数学函数操作:Math.ceil();Math.floor();Math.round();Math.random();Math.sqrt(); 表单验证:

PHP获取具有相同name的多个input表单信息

首先是表单应该这样写,注意每个 name="name[]"后面是有一个方括号的.这是PHP特有的获取具有相同name的多个input元素value的方法.(复选框也是采用这种方法) <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>test</title> </head> <form action=&qu

点击按钮,通过JS代码实现复制INPUT表单,表格:

获取表单: <SCRIPT LANGUAGE="JavaScript"> function copyinput() { var input=document.getElementById("inputid");//input的ID值 input.select(); //选择对象 document.execCommand("Copy"); //执行浏览器复制命令 } </SCRIPT> 获取表格: <SCRIPT LA

JS获取当前日期、星期、时间

<div id="getdate"></div> <script> function getCurDate(){ var d = new Date(); var week; switch (d.getDay()){ case 1: week="星期一"; break; case 2: week="星期二"; break; case 3: week="星期三"; break; case 4:

js获取PC机系统当前时间

new Date().toJSON().substring(0,19).replace(/-/gm,'').replace(/:/gm,'') 结果: "20150801T125030" Java获取当前时间传给前端: SimpleDateFormat dateFormat = new SimpleDateFormat("yyyyMMdd-HH:mm:ss"); String date = dateFormat.format(new java.util.Date()

js 日期格式、内容合法、比较大小、表单提交验证

1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"/> 5 <title>h5compareDate</title> 6 </head> 7 <body> 8 <form name="form1" action="compareDate.html" method="po