Skip to Content
avatar image
Former Member

SAPUI5 : How to set the date value format for DateTimeInput?

Hi SAPUI5 experts:

I'd like ask 2 things regarding the control: sap.m.DateTimeInput

1: Here is I want to do: show the current date (May 1, 2014) in the control in format as "01-05-2014". But by default the following code shows "May 1 2014". How can I show it as "01-05-2014"?

var oDateTimeInput = new sap.m.DateTimeInput({});

oDateTimeInput.setDateValue(new Date());                   //shown as "May 1 2014"

2. Can someone explain what difference is between the following settings of DateTimeInput?

   ValueFormat

   DisplayFormat

Please write a short code example.

Thanks very much in advance!

Br,


Dong

Add comment
10|10000 characters needed characters exceeded

  • Get RSS Feed

3 Answers

  • Best Answer
    avatar image
    Former Member
    May 01, 2014 at 11:40 AM

    HI Dong,

    check this snippet, http://jsbin.com/regom/1/edit

    Regards

    Sakthivel

    Add comment
    10|10000 characters needed characters exceeded

  • May 01, 2014 at 12:30 PM

    Hi,

    to understand ValueFormat and DisplayFormat, you can refer this example from ui5 testsuite sap.m.DateTimeInput and check the source code.

    in one of the example, this is how valueformat and displayformat is used.

    // free style date value assingment according to valueFormat

                                                    dti3 = new sap.m.DateTimeInput({

                                                                    value : "05-29, 2012",

                                                                    valueFormat : "dd-MM, yyyy",

                                                                    displayFormat : "dd MMMM, yyyy",

                                                                    width : "20%",

                                                                    change : function(e) {

                                                                                    console.log(dti3 + " : " + e.getParameters().newValue + " # " + e.getParameters().newDateValue);

                                                                    }

                                                    }),

    also in both cases, Default value is taken from locale settings.

    Regards,

    Chandra

    Add comment
    10|10000 characters needed characters exceeded

  • avatar image
    Former Member
    May 01, 2014 at 02:17 PM

    Hi Sakthivel and Chandra,

    Thanks very much for your quick answers. They helped to solve teh issue.

    Nice day!

    Dong

    Add comment
    10|10000 characters needed characters exceeded