更改jtsage日期选择器中的日期框显示格式

时间:2014-05-09 12:53:39

标签: javascript jquery jquery-mobile datebox

您好我需要在UI(黑色显示日期框字段)中更改jstage Datebox日期框显示格式,例如日 - 月 - 年,而不是在html文本中。

即第一天,月份之后,应该在日期框中显示年份。那可能吗。怎么样?

第二个是时间框,当点击加号图标时需要将时间值增加到15分钟(目前该值增加1分钟,如10:01,10:02我想要10:15,10:30 )。 :)

目前能够更改标题格式

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

请参阅此http://jsfiddle.net/FwRsq/3/

2 个答案:

答案 0 :(得分:1)

这里更新了小提琴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"/>

答案 1 :(得分:1)

对于时间增量,请使用minuteStep选项:

<input name="mydate" id="mydate" type="date" data-role='datebox' data-options='{"mode": "timebox", "useNewStyle":true,"overrideTimeFormat": "24", "minuteStep": 15}' />
  

更新了 FIDDLE