javascript - 需要帮助在带有 Modernizr 的非触摸设备上隐藏 Datepicker

Question

如果正在使用的设备没有触摸屏，我目前正在尝试从 DOM 中完全删除 datepicker 元素。（。不许触碰）。并将其替换为选择菜单。不幸的是，我的欧芹验证仍然从 datepicker 中显示，即使我用纯 CSS 隐藏了元素。我想我可以使用modernizr 来做到这一点。但我很难让它工作。这是我现在拥有的代码。

if (!Modernizr.inputtypes.date) { 
	$('html.no-touch .datepicker').datepicker({
		disabled: true		
	});
}

Answer 1

如果要完全删除元素，则需要在删除元素之前调用 datepicker 上的 destroy。

$('html.no-touch .datepicker').datepicker('destroy').remove();