Valore di default in PrimeReact Calendar

Mattepuffo's logo
Valore di default in PrimeReact Calendar

Valore di default in PrimeReact Calendar

Sto usando PrimeReact per un bel progetto, e mi trovo molto bene.

In una pagina ho un oggetto Calendar; il bisogno è quello di impostare una data di default.

Per farlo bisogna impostare un oggetto Date:

  • vuoto nel caso che la data da impostare sia quella odierna
  • oppure valorizzata con quello che volete voi

Ecco l'esempio:

import React, {Component} from 'react';
import {Calendar} from "primereact/calendar";

export class FormWebinar extends Component {

    constructor(props) {
        super(props);

        this.state = {
            start: new Date('2020-07-01')
        };
    }

    render() {
        return (
            <div>
				<Calendar id="data_inizio" value={this.state.start}
					onChange={(e) => this.setState({start: e.value})}
					dateFormat="dd/mm/yy"/>
            </div>
        );
    }
}

Enjoy!


Share this Post

Commentami!