javascriptjqueryjquery-mobiledatebox

Change the Date box display format in jtsage date picker


Hi i need to Change the jstage Datebox Date box display format like day-month-year in UI ( Black display date box field ) not in html text.

That is first day, after month, after year should be displayed in datebox. Is that possible. how?

Second one is time box when click the plus icon in time need to increase the time value to 15 minutes (currently the value is increased by 1 minute like 10:01 , 10:02 i want 10:15 , 10:30). :)

currently able to change the header format

<div data-role="content">
        <label for="mydate">Some Date</label> <input name="mydate"
            id="mydate" type="date" data-role="datebox"
            data-options='{"mode": "datebox", "useNewStyle":true,"overrideHeaderFormat": "%d.%m.%Y"}' />
    </div>

Please refer this http://jsfiddle.net/FwRsq/3/


Solution

  • here is updated fiddle jsfiddle

     <input data-role="datebox" data-options='{"mode": "datebox","dateFieldOrder":["d","m","y"], "useNewStyle":true,"overrideDateFormat": "%d.%m.%Y"}'  name="mydate" id="mydate" type="date"/>
    
     <input data-role='datebox' data-options='{"mode": "timebox", "useNewStyle":true,"overrideTimeFormat": "24","minuteStep": 15}' name="mydate" id="mydate" type="date"/>