How to put date in Datepicker

Topic: How to put date in Datepicker

master@mastersistemas.net pro asked 6 years ago

Good morning, how can I manually enter the date in DatePicker? It automatically picks up today's date, but there are cases where I need to put that date dynamically, how can I do that? I did not find anything in the documentation.

Add comment

Mikołaj Smoleński staff answered 6 years ago

1 0 Best answer

Hi there, You can push Your date using 'value' attribute. Here is the example code:

const d = new Date(2017, 2, 12);

Best Regards

Add comment

master@mastersistemas.net pro answered 6 years ago

0 0 Best answer

Hi, I need to set the date of the two datePicker to today, when the user clicks reset. I'm trying this.

this.state= {

dataLast: date, }

getLast = (Value) => {

this.setState({dataLast: Value});

}

clear = () => {

var day = Date;

this.setState({dataLast: day}); }

<MDBDatePicker value={this.state.dataLast} getValue={this.getLast} className="select mt-0"/>

<Button rounded size="sm" color="white" onClick={this.clear}>Limpar</Button>

However, this causes me to close a loop and my page hangs.

https://uploaddeimagens.com.br/imagens/sem_titulo-png-4c0182fd-8d4c-4a57-8b41-d37cbdbc55cd


How can I set the date to the DatePicker when I click a button?

Add comment

Mikołaj Smoleński staff answered 6 years ago

0 0 Best answer

Hi there, For this moment it's not possible to update datepicker state manually. We've added this issue to our list of bugs. Best Regards

master@mastersistemas.net pro commented 6 years ago

Good morning, has this issue been resolved in Update 4.7.1?

Mikołaj Smoleński staff commented 6 years ago

It should be updated with the next release. Best Regards

Add comment

Muralidevx answered 6 years ago

0 0 Best answer

Hi I am trying to load date dynamically from state but it is not reflecting

Add comment

Jakub Mandra staff premium answered 6 years ago

0 0 Best answer

You can load initial date via `value` proeprty, but DatePicker does not provide the functionality to update date value from outside.

Best,

Jakub

Add comment

Write

Create snippet

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue

User: Pro
Premium support: No
Technology: MDB React
MDB Version: 4.7.0
Device: Desktop
Browser: All
OS: All
Provided sample code: No
Provided link: No

master@mastersistemas.net

Pro User

118Support score
19Questions 11Answers

0Snippets likes 0Snippets