기본값을 입력으로 설정하는 방법 [type =“date”] [duplicate]

기본값을 입력으로 설정하는 방법 [type =“date”] [duplicate]

---

이 질문에는 이미 답변이 있습니다.

• 입력 유형 날짜의 기본값을 오늘로 설정하는 방법은 무엇입니까? 답변 29 개

나는 시도했다 ( JSFiddle ) :

<input type="date" value="2012-3-23">

하지만 작동하지 않습니다. 기본값을 어떻게 설정할 수 있습니까?

---

날짜는 형식이어야합니다 YYYY-MM-DD. 한 자리 수 및 월은 0으로 채워야합니다. 1 월은 01입니다.

로부터 문서 :

날짜를 나타내는 문자열입니다.

값 : [RFC 3339]에 정의 된 유효한 전체 날짜 . 연도 구성 요소가 0보다 큰 숫자를 나타내는 4 자리 이상의 숫자라는 추가 규정이 있습니다.

코드는 다음과 같이 변경해야합니다.

<input type="date" value="2013-01-08">

예 jsfiddle

---

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

그런 다음 js에서 :

_today: function () {
  var myDate = document.querySelector(myDate);
  var today = new Date();
  myDate.value = today.toISOString().substr(0, 10);
},

---

가능한 해결책 :

document.getElementById("yourDatePicker").valueAsDate = new Date();

Moment.js 사용 :

var today = moment().format('YYYY-MM-DD');
document.getElementById("datePicker").value = today;

---

PHP를 사용하는 경우 다음과 같이 값을 설정할 수 있습니다

<input type="date" value="<?php echo date("Y-m-d");?>">

그러나 서버의 날짜를 반환한다는 것을 기억하십시오. 클라이언트에서 사용하려면 대신 javascript를 사용하십시오. 도움이되기를 바랍니다.

---

이 js 코드를 사용할 수 있습니다 :

<input type="date" id="dateDefault" />

JS

function setInputDate(_id){
    var _dat = document.querySelector(_id);
    var hoy = new Date(),
        d = hoy.getDate(),
        m = hoy.getMonth()+1, 
        y = hoy.getFullYear(),
        data;

    if(d < 10){
        d = "0"+d;
    };
    if(m < 10){
        m = "0"+m;
    };

    data = y+"-"+m+"-"+d;
    console.log(data);
    _dat.value = data;
};

setInputDate("#dateDefault");

---

현재 날짜를 설정하는 가장 쉬운 방법은

<input name="date" type="date" value="<?php echo date('Y-m-j'); ?>" required>

---

다음과 같이 할 수 있습니다 :

<input type="date" value="<?php echo date("Y-m-d");?>" name="inicio">

---

1 - @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
    <input type="date" "myDate">
    @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@

    var today = new Date();
    $('#myDate').val(today.getFullYear() + '-' + ('0' + (today.getMonth() + 1)).slice(-2) + '-' + ('0' + today.getDate()).slice(-2));

2 - @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
   <input type="datatime-local" id="myLocalDataTime" step="1">
    @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@

var today = new Date();
$('#myLocalDataTime').val(today.getFullYear() + '-' + ('0' + (today.getMonth() + 1)).slice(-2) + '-' + ('0' + today.getDate()).slice(-2)+'T'+today.getHours()+':'+today.getMinutes());

---

// HTML 코드

<input id="idFdate" type="date" />

// 메인로드 함수의 자바 스크립트 코드

function loadFunction() {
    // body...
    var today = new Date();
    var dd = today.getDate();
    var mm = today.getMonth()+1; //January is 0!
    var yyyy = today.getFullYear();

    if(dd<10){
        dd='0'+dd;
    } 
    if(mm<10){
        mm='0'+mm;
    } 

    today = yyyy+'-'+mm+'-'+dd;                
    document.getElementById("idFdate").defaultValue =today+"";
}

---

JS 코드 :

function TodayDate(){
        let data= new Date();
        return data.getFullYear().toString()+'-' + (data.getMonth()+1).toString()+'-' + data.getDate().toString()
    }
    document.getElementById('today').innerHTML = '<input type="date" name="Data" value="'+TodayDate()+'" ><br>';

HTML 코드 :

<div id="today" > </div>

조금 거칠지 만 작동합니다!

---

당신은 단순히 올바른 형식을 따라 날짜를 표시 할 수 있습니다

<input type="date" value="2014-12-29">

---

$date=date("Y-m-d");
echo"$date";
echo"<br>SELECT DATE: <input type='date'  name='date'  id='datepicker' 
value='$date' required >";

---

Microsoft Visual Studio 사용

날짜 구분자 '-'

@ {string dateValue = request.Date.ToString ( "yyyy '-'MM '-'ddTHH : mm : ss");}

<input type = "datetime-local"class = "form-control"name = "date1"value = "@ dateValue">

---

다음은 세 가지 type = date 필드가있는 양식의 세 가지 다른 날짜에 대한 세 가지 명령문입니다.

$inv_date is the current date:

$inv_date = date("Y-m-d");

$inv_date_from is the first day of the current month:

$inv_date_from = date("Y") . "-" . date("m") . "-" . "01";

$inv_date_to is the last day of the month:

$inv_date_to = date("Y-m-t", strtotime(date("Y-m-t")));

I hope this helps :)

참고URL : https://stackoverflow.com/questions/14212527/how-to-set-default-value-to-the-inputtype-date