2009-06-16 9 views
7

जावास्क्रिप्ट का उपयोग करके, हम वर्तमान फॉर्म और TIME को एक फॉर्म इनपुट फ़ील्ड में कैसे सम्मिलित कर सकते हैं।ऑटो इनपुट दिनांक और समय इनपुट इनपुट फ़ील्ड में?

मैं किसी निश्चित सेवा के बारे में उपयोगकर्ता द्वारा सबमिट की गई शिकायतों का ट्रैक रखने के लिए "समस्याएं" फ़ॉर्म बना रहा हूं। मैं जितना संभव हो उतना जानकारी इकट्ठा कर रहा हूं। मैं कर्मचारियों को हर बार फॉर्म खोलने के लिए दिनांक और समय मैन्युअल रूप से दर्ज करने से बचाने के लिए चाहता हूं।

मैं कोड के इस स्निपेट है:

<input id="date" name="date" value="javascript:document.write(Date()+'.')"/> 

लेकिन यह काम नहीं कर रहा।

किसी भी मदद के लिए बहुत धन्यवाद।

+1

* के किसी भी * HTML तत्व कभी भी एक जे एस बयान निष्पादित करेंगे किसी विशेषता: HTML एक पटकथा भाषा नहीं है। ऑनक्लिक एट अल सिर्फ एक डोम प्रतिनिधित्व के लिए मूल्य प्रदान करते हैं। इस समस्या में अधिक सुरक्षित के लिए – annakata

+0

सर्वर साइड कोड (PHP, ASP.NET) का उपयोग करें। हैकर्स (शुरुआती) फायरबग, डेवलपर टूल्स (आईई 8 +), ... द्वारा आपके 'इनपुट' मानों को बदल सकता है। – MajidTaheri

उत्तर

17

जावास्क्रिप्ट एक मान विशेषता के भीतर निष्पादित नहीं होगा। आप कुछ इस तरह कर सकता है, हालांकि:

<input id="date" name="date"> 

<script type="text/javascript"> 
    document.getElementById('date').value = Date(); 
</script> 

आप शायद, के रूप में आप पसंद करते हैं तारीख स्वरूपित करना चाहते हैं चाहते हैं तिथि के डिफ़ॉल्ट निर्गम() की तरह कुछ लग रहा है क्योंकि: Tue Jun 16 2009 10:47:10 GMT-0400 (Eastern Daylight Time)। दिनांक स्वरूपण के बारे में जानकारी के लिए this SO question देखें।

+2

केवल तभी काम करता है जब इनपुट एक HTML5 दिनांक इनपुट फ़ील्ड नहीं है। –

2

दिनांक स्वरूपण प्राप्त करने का सबसे तेज़ तरीका datejs का उपयोग करना है।

lib वास्तव में उपयोग करना आसान है और आपको बहुत सुंदर स्वरूपण देता है।


जहां तक ​​आपका कोड स्निपेट है, दस्तावेज़ का उपयोग न करें। अगर आप इसकी मदद कर सकते हैं। कोशिश

document.getElementById("date").value = new Date().toUTCString(); 
4

उदाहरण देखें, http://jsbin.com/ahehe

उपयोग उपयोगिता स्वरूपण जावास्क्रिप्ट तारीख here का वर्णन किया।

<input id="date" name="date" /> 

<script> 
    document.getElementById('date').value = (new Date()).format("m/dd/yy"); 
</script> 
+0

"जॉनी हाल ही में आना" के लिए खेद है, लेकिन मैंने रविवार से सात तरीकों से इस स्क्रिप्ट को आजमाया है और इसे मैदान में आने के लिए नहीं मिल सकता है। मैंने एक नई फाइल बनाई है जिसमें यह है कि उचित HTML टैगिंग के साथ उपरोक्त कोड है और यह उसमें एक तिथि के साथ एक टेक्स्ट बॉक्स नहीं बनाता है। कोई सुझाव? – user1794918

0
<input id="date" name="date" /> 
<script type="text/javascript"> 
document.getElementById("date").value = new Date(); 
</script> 
0

ऐसा लगता है कि आप उस फॉर्म को संग्रहीत करने जा रहे हैं जो फॉर्म फ़ील्ड सबमिट होने के बाद होता है, जिसका अर्थ है कि आप एक स्क्रिप्टिंग भाषा का उपयोग कर रहे हैं। मैं जावास्क्रिप्ट के बजाय इसका उपयोग करूंगा क्योंकि अधिकांश स्क्रिप्टिंग भाषाओं में बेहतर समय/दिनांक स्वरूपण विकल्प होते हैं।"- 08:58 जून 16, 2009"

+0

यह सर्वर के टाइमज़ोन पर निर्भर करेगा, वास्तव में उपयोगकर्ता का स्थानीय समय नहीं –

0

एक अन्य विकल्प है

<input id="date" name="date" value="<?php echo date("M j, Y - g:i"); ?>"/> 

कौन सा के साथ क्षेत्र को भरना था:

<script language="JavaScript" type="text/javascript"> 
document.getElementById("my_date:box").value = (Stamp.getDate()+"/"+(Stamp.getMonth() + 1)+"/"+(Stamp.getYear())); 
</script> 
1

यदि आप PHP में आप कुछ इस तरह कर सकता है एचटीएमएल 5 तारीख का उपयोग

उपयोग इस कोड

एचटीएमएल

<input type="date" name="bday" id="start_date"/> 

जावा स्क्रिप्ट

document.getElementById('start_date').value = Date(); 
1
$("#startDate").val($.datepicker.formatDate("dd/mm/yy", new Date())); 
$("#endDate").val($.datepicker.formatDate("dd/mm/yy", new Date())); 

स्क्रिप्ट के अंत में इसके बाद के संस्करण कोड जोड़ें। यह आवश्यक है क्योंकि डेटपिकर प्लगइन में प्रारंभ होने के दौरान नियंत्रण में दिनांक सेट करने का कोई प्रावधान नहीं है।

6
<input type="date" id="myDate" /> 

<script type="text/javascript"> 
function SetDate() 
{ 
var date = new Date(); 

var day = date.getDate(); 
var month = date.getMonth() + 1; 
var year = date.getFullYear(); 

if (month < 10) month = "0" + month; 
if (day < 10) day = "0" + day; 

var today = year + "-" + month + "-" + day; 


document.getElementById('myDate').value = today; 
} 
</script> 

<body onload="SetDate();"> 

मिली: http://jsbin.com/oqekar/1/edit?html,js,output

0
var date = new Date(); 

document.getElementById("date").value = date.getFullYear() + "-" + (date.getMonth()<10?'0':'') + (date.getMonth() + 1) + "-" + (date.getDate()<10?'0':'') + date.getDate(); 

document.getElementById("hour").value = (date.getHours()<10?'0':'') + date.getHours() + ":" + (date.getMinutes()<10?'0':'') + date.getMinutes();