当我点击开始按钮时在文本框中显示当前日期和时间的HTML代码

-3

我想在当我点击开始时间相同的结束时间时在文本框中显示当前日期&时间。当我点击开始按钮时在文本框中显示当前日期和时间的HTML代码

加法*后点击SUBMIT按钮我的页面被重定向到PHP页面，这是保存我的输入到MYSQL。

代码：

<head> 
<title>Survey</title> 
</head> 

<body> 
<Center><b><font size="10" color="White">SURVEY</font></Center></b> 
</body> 

<body background="logo.jpg"> 

<BR></BR> 

<BR></BR> 

<form action="action.php" method="post" /> 
<p><Center><font size="4" color="White">Employee ID: <input type="text" name="employee_id" /></font></Center></p> 
<BR></BR> 
<p><Center><font size="4" color="White">Unique ID: <input type="text" name="unique_id" /></font></Center></p> 
<BR></BR> 
<p><Center><font size="4" color="White">Category: <input type="text" name="category" /></font></Center></p> 
<BR></BR> 
<p><Center><button >Start Time</Button> <input type="text" name="start_time" /></Center></p> 
<BR></BR> 
<p><Center><button >End Time</Button> <input type="text" name="end_time" /></Center></p> 
<BR></BR> 
<Center><input type="submit" value="Submit" /></Center> 


</form>

来源

2014-12-04 Ishu Bhardwaj

使用JavaScript onclick事件。 – Richie 2014-12-04 07:57:27

请包括您尝试使其发生的代码...另外，您是否正在寻找一个JavaScript实现或需要一个临时页面来显示时间...？ – webeno 2014-12-04 07:57:27

这里做与jQuery http://jonthornton.github.io/jquery-timepicker/

然后在设定的时间例子。它设置按钮点击的时间。

只需添加id到输入名字它像我一样（#start_time）

$('#start_time').timepicker(); 
$('#setTimeButton').on('click', function(){ 
    $('#start_time').timepicker('setTime', new Date()); 
});

UPDATE

但什么你问的是按钮点击这样：删除按钮，并添加input与类型button和id（'#start_time'）

$('#start_time').click(function(){ 
    var dt = new Date(); 
    var time = dt.getHours() + ":" + dt.getMinutes() + ":" + dt.getSeconds() + "-" + dt.getDate() + "-" + dt.getMonth() + "-" + dt.getFullYear(); 
    $('#start_time_input').val(time); 
});

做同样的“结束时间”

注意：不要忘记在头部添加的jQuery下载它 jquery.com

JSFIDDLE

来源

2014-12-04 08:06:32 DevJoeri

可以使用datapicker来做到这一点的你如下

<label>Start Time </lable> 
<input type="text" id="datepicker" name="date" /> 
<label>End Time </lable> 
<input type="text" id="datepicker" name="date" /> 

$('#datepicker').datepicker({ 
    onSelect: function() { 
     $('#data').text(this.value); 
    } 
});

Working JSFIDDLE

来源

2014-12-04 08:13:11 Birlla

当我点击开始按钮时在文本框中显示当前日期和时间的HTML代码

回答

相关问题