javascript - 关于display:none的问题。

Question

如果为一个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); 

 })         

Answer 1

是可以控制的。
你的问题感觉像是date组件是根据#time来定位的，display none了定位不到了。试试用图片去盖住input