web-dev-qa-db-ja.com

デフォルト値を入力に設定する方法[type = "date"]

私は試してみました（ JSFiddle ）：

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

しかし、うまくいきません。どうすればデフォルト値を設定できますか？

htmldatehtml-input
162
hh54188

日付はYYYY-MM-DDの形式になります。 1桁の日と月には0を埋め込む必要があります。1月は01です。

のドキュメントから ：

日付を表す文字列.

値： [RFC 3339] で定義されている有効な満期日。年の構成要素は0より大きい数値を表す4桁以上であるという追加の資格を持つ.

あなたのコードは次のように変更されるべきです：

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

例jsfiddle

287
Lewis Norton

考えられる解決策：

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

Moment.jsを使う：

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

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

それからjs： 

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

pHPを使用している場合は、次のように値を設定できます。

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

ただし、サーバーの日付が返されることを忘れないでください。クライアントから使用したい場合は、代わりにjavascriptを使用してください。それが役に立てば幸い。

14
Toni Tegar Sahidi

あなたはこの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");
5
Corioquix

現在の日付を設定する最も簡単な方法はです。

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

3
Awais Jameel

あなたはこのようなことをすることができます：

<input type="date" value="<?php echo date("Y-m-d");?>" name="inicio">
1
daronwolff
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());
1
Musa

// HTMLコード

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

//メインロード機能のJavaScriptコード

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+"";
}
0
Sagar Khole

これが最も簡単な解決策であることがわかりました。

document.getElementById('date_input').valueAsDate = new Date();

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

これは、3つのtype = dateフィールドを持つ形式の3つの異なる日付に対する3つのステートメントです。

$inv_dateは現在の日付です。

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

$inv_date_fromは今月の最初の日です。

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

$inv_date_toは月の最後の日です。

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

これが役に立つことを願っています:)

0
user9923405

Microsoft Visual Studioを使用する

日付区切り記号 ' - '

@ {string dateValue = request.Date.ToString（ "yyyy ' - ' MM ' - ' ddTHH：mm：ss"）;}

<input type = "datetime-local"クラス= "フォームコントロール" name = "date1" value = "@ dateValue">

0
Sergey Matsko

あなたは単に正しいフォーマットに従うことによって日付を示すことができます

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

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>

少し荒いですが、うまくいきます。

0
CharliePrm88