Attributo disabled di Input Date

Definizione e uso

disabled Impostare o restituire se il campo data dovrebbe essere disabilitato.

Gli elementi disabilitati non sono utilizzabili e non possono essere cliccati. Di default, gli elementi disabilitati vengono solitamente rappresentati come grigi nel browser.

Questa proprietà riflette l'attributo disabled di HTML.

Vedere anche:

Manuale HTML:Proprietà disabled dell'<input> HTML

Esempio

Esempio 1

Disabilitare il campo data:

document.getElementById("myDate").disabled = true;

Prova personalmente

Esempio 2

Visualizzare se il campo data è disabilitato:

var x = document.getElementById("myDate").disabled;

Prova personalmente

Esempio 3

Disabilitare e abilitare il campo data:

function disableBtn() {
    document.getElementById("myDate").disabled = true;
}
function undisableBtn() {
    document.getElementById("myDate").disabled = false;
}

Prova personalmente

Sintassi

Restituire l'attributo disabled:

inputdateObject.disabled

Impostare l'attributo disabled:

inputdateObject.disabled = true|false

Valore dell'attributo

Valore Descrizione
true|false

Definire se il campo data dovrebbe essere disabilitato.

  • true - Il campo data è disabilitato
  • false - Predefinito. Il campo data non è disabilitato

Dettagli tecnici

Valore di ritorno: Valore booleano, restituisce se il campo di date è disabilitato true, altrimenti restituisce false.

Supporto del browser

I numeri nella tabella indicano la versione del browser che supporta completamente l'attributo.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Supporto 10.0 Supporto Supporto Supporto

Attenzione:L'elemento <input type="date"> non mostra alcun campo di date/calendario nei browser IE11 e precedenti.