如果为一个input设置了display:none;js还可以控制这个input吗?
为什么我去掉display:none后才能看到效果呢?我想的是点击图片让input获得焦点,之后时间显示控件开始工作。
为了美观不影响整体布局,获得焦点的input需要隐藏。
$(function(){ var oimg=$(".left img"); var oinp=$("#time"); oimg.click(function(){ oinp.focus();//点击图片的时候input获得焦点 })///点击图片使input获得焦点 下面是一个移动端时间滑动选择的插件; var opt = { theme: "android-ics light", display: 'modal', //显示方式 lang: "zh", setText: '确定', //确认按钮名称 cancelText: "取消", dateFormat: 'yyyy-mm-dd', //返回结果格式化为年月格式 dateOrder: 'yyyymmdd', //面板中日期排列格式 onBeforeShow: function (inst) { // console.info( inst.settings.wheels); }, headerText: function (valueText) { //自定义弹出框头部格式 // console.info(valueText); array = valueText.split('-'); return array[0] + "年" + array[1] + "月" + array[2] + "日"; } }; $("#time").mobiscroll().date(opt); })
是可以控制的。
你的问题感觉像是date组件是根据#time来定位的,display none了定位不到了。试试用图片去盖住input