html의 입력 텍스트 상자에 날짜를 인쇄하는 방법

여기 내 코드입니다. onload 이벤트를 사용하여 날짜 텍스트를 입력 한 후 텍스트 상자에 날짜를 인쇄하고 싶습니다.html의 입력 텍스트 상자에 날짜를 인쇄하는 방법

<!DOCTYPE html> 
<html> 
    <head> 
     <script> 
     function displayDate() { 
      document.getElementById("fname").value = Date(); 
     } 
     </script> 
    </head> 
    <body onload="displayDate()"> 
     Enter date: <input type="date" id="fname" readonly /> 
    </body> 
</html>

출처

2012-12-30 Ankit Mishra

type = "date"입력을 원하십니까? 읽기 전용으로 설정하려면 type = "text"를 사용하십시오. – bnieland

날짜 유형 입력의 장점은 사용자의 로켈에 따라 자동으로 형식이 지정된다는 것입니다. –

당신은 제대로 Date 객체 (당신이 new을 놓치고)

형식을 만들

로해야 함 rfc3339 (예 : 2012/12/30)에 따라

변경

document.getElementById("fname").value = Date();

일부 브라우저는 다른 형식을 허용하지만 the norm에 준수로 크롬,하지 않는

Demonstration

주

var now = new Date(); 
var formatedDate = now.getFullYear() + '-' + (now.getMonth() + 1) + '-' + now.getDate(); 
document.getElementById("fname").value = formatedDate;

합니다.

출처

2012-12-30 17:29:17

어떻게 'var formatDate = now.getFullYear() +'/ '+ (now.getMonth() + 1) +'/ '+ now.getDate();'를 얻을 수 있습니까? 'dd/mm/yyyy'형식으로 변환 하시겠습니까? –

이 시도 : HTML5에서

function displayDate() { 

    var now = new Date(); 

    var day = ("0" + now.getDate()).slice(-2); 
    var month = ("0" + (now.getMonth() + 1)).slice(-2); 
    var today = now.getFullYear() + "-" + (month) + "-" + (day); 

    document.getElementById("fname").value = today; 
}

날짜 제어 올해의 형식으로 받아 들인다 - 월 - 일 자바 스크립트의 new Date()는 예를 들어, 같은 날짜를 반환하는 동안 : 일 2012년 12월 30일 10시 9분 5초을 GMT + 0230

입력 상자의 값 속성은 문자열이지만 함수 할당하려고 demo

출처

2012-12-30 17:33:37 Anujith

를 참조하십시오 Date 객체 먼저 문자열로 변환해야합니다. 다음은이를 수행 할 수있는 코드입니다.

<!DOCTYPE html> 
<html> 
    <head> 
     <script> 
     function displayDate() { 
      var today=new Date(); 

      var date=today.toISOString().slice(0, -14); 
      // Strip last 14 characters, ISO format is like 
      // 2012-12-30T17:41:49.027Z but we want 
      // 2012-12-30 

      document.getElementById("fname").value=date; 
     } 
    </script> 
    </head> 
    <body onload="displayDate()"> 
     Enter date: <input type="date" id="fname" readonly> 
    </body> 
</html>

출처

2012-12-30 17:35:02

html의 입력 텍스트 상자에 날짜를 인쇄하는 방법

답변

관련 문제