How to put date in Datepicker

Topic: How to put date in Datepicker

master@mastersistemas.net pro asked 5 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

Jakub Mandra staff answered 5 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

Muralidevx free answered 5 years ago

0 0 Best answer

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

Add comment

Mikołaj Smoleński staff answered 5 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 5 years ago

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

Mikołaj Smoleński staff commented 5 years ago

It should be updated with the next release. Best Regards

Add comment

master@mastersistemas.net pro answered 5 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.
<pre class="code-toolbar grey lighten-2 p-3 mb-3">this.state= {

dataLast: date, }</pre>
 
<pre class="code-toolbar grey lighten-2 p-3 mb-3"><span style="font-family: Consolas, Monaco, monospace;">getLast = (Value) => {</span>

this.setState({dataLast: Value});

<span style="font-family: Consolas, Monaco, monospace;">}</span></pre>
<pre class="code-toolbar grey lighten-2 p-3 mb-3">clear = () => {

var day = Date;

this.setState({dataLast: day}); }</pre>
<pre class="code-toolbar grey lighten-2 p-3 mb-3"><span style="font-family: Consolas, Monaco, monospace;"><MDBDatePicker value={this.state.dataLast} getValue={this.getLast} className="select mt-0"/></span></pre>
<pre class="code-toolbar grey lighten-2 p-3 mb-3"><span style="font-family: Consolas, Monaco, monospace;"><Button rounded size="sm" color="white" onClick={this.clear}>Limpar</Button></span></pre>
<div></div>
<div>However, this causes me to close a loop and my page hangs.</div>
<div></div>
<div><a href="https://uploaddeimagens.com.br/imagens/sem_titulo-png-4c0182fd-8d4c-4a57-8b41-d37cbdbc55cd" rel="nofollow">https://uploaddeimagens.com.br/imagens/sem_titulo-png-4c0182fd-8d4c-4a57-8b41-d37cbdbc55cd</a></div>
<div>
<div id="tw-target-text-container" class="gsrt tw-ta-container tw-nfl">
<pre id="tw-target-text" class="code-toolbar grey lighten-2 p-3 mb-3" dir="ltr" data-placeholder="Tradução" data-fulltext=""><span lang="en">
How can I set the date to the DatePicker when I click a button?
</span></pre>
</div>
</div>

Please insert min. 20 characters.

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 5 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

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

ForumUser: 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