2014-12-04 33 views
-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> 
+0

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

+0

請包括您嘗試使其發生的代碼...另外,您是否正在尋找一個JavaScript實現或需要一個臨時頁面來顯示時間...? – webeno 2014-12-04 07:57:27

回答

1

這裏做與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與類型buttonid('#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

2

可以使用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

相關問題