如何根據設備動態更改日期框模式

Question

我想使用JQM日期框插件顯示設備特定的日期選擇器。

默認情況下，AngularJS View包含Date Box模式選項 - 「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內碼$（ '元素'）切換模式datebox（{選擇，值}）（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"}); 
}); 

在小提琴我還包括幾個按鈕來切換來回模式...