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