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

Question

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

默认情况下，AngularJS View包含日期框模式选项 - “datebox”。 然后，如果设备是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 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"});
});

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