dxDateBox - How to enable time picker

AFCON

created 8 years ago

Hi,

i am trying your example to set the dateBox to display and
pick as a time picker and it show only date picker…

var now = new Date();

$("#myTime").dxDateBox({
type: "time",
value: now
});

Is it a version not support ed?

Answers approved by DevExpress Support

DevExpress Support Team

created 8 years ago (modified 8 years ago)

Hi Gila,

In version 15.1, use the format option for this.

Updated:

The code should look as follows:

JavaScript
var now = new Date();  
$("#myTime").dxDateBox({  
       format: "time",  
       value: now,  
       formatString: "HH:mm"  
});

I've also prepared a simple example illustrating it in action - https://jsfiddle.net/ArtemK/05um4d6c/

Artem (DevExpress Support) 8 years ago

Hi Gila,

The code should look as follows:

JavaScript
var now = new Date();  
$("#myTime").dxDateBox({  
       format: "time",  
       value: now,  
       formatString: "HH:mm"  
});

I've also prepared a simple example illustrating it in action - https://jsfiddle.net/ArtemK/05um4d6c/

Let us know if this suggestion helps.

Jake Smith 4 years ago

If anyone comes across this recently, I believe that the property is now called type instead of format

DevExpress Support Team 4 years ago

Hello Jake,

Thank you for your comment. You are right, we switched to the type and displayFormat properties in recent versions.

Regards,
Romeo