我想使用JQM Datebox插件显示设备特定的日期选择器。
默认情况下,AngularJS View包含日期框模式选项 - “datebox”。 然后,如果设备是iPhone,则应将其更改为“flipbox”。
使用以下不起作用的代码:
$("#Date1").data('options', '{"mode": "flipbox", "useNewStyle":true}')
$('#Date1').trigger('datebox', { 'method': 'dorefresh' });
答案 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"});
});
在小提琴中,我还包括几个按钮来来回切换模式......