jquery-mobile - 如何根据设备动态更改日期框模式

Question

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

AngularJS 视图默认包含日期框模式选项 - “日期框”。然后如果设备是 iPhone，则应将其更改为 'flipbox'。

使用以下不工作的代码：

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

Answer 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 文档：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"});
});

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