如何基于设备动态更改日期框模式

时间:2013-10-31 16:44:10

标签: jquery-mobile datebox

我想使用JQM Datebox插件显示设备特定的日期选择器。

默认情况下,AngularJS View包含日期框模式选项 - “datebox”。 然后,如果设备是iPhone,则应将其更改为“flipbox”。

使用以下不起作用的代码:

$("#Date1").data('options', '{"mode": "flipbox", "useNewStyle":true}')
$('#Date1').trigger('datebox', { 'method': 'dorefresh' });

1 个答案:

答案 0 :(得分:1)

  

这是一个带模式开关的jsFiddle: http://jsfiddle.net/ezanker/2ffpP/

在标记中,我使用日期框模式创建了日期输入。

<input name="Date1" id="Date1" type="date" data-role="datebox" data-options='{"mode": "datebox"}' />

然后在pageinit中的代码中使用$('element')切换模式.datebox({opt,value})(api doc here:http://dev.jtsage.com/jQM-DateBox2/demos/api/events.html

$(document).on('pageinit', '#page1', function () {
    //check if iOS, if true run next line
    $('#Date1').datebox({"mode": "flipbox"});
});

在小提琴中,我还包括几个按钮来来回切换模式......