程序博客网 > 淘宝神笔宝贝详情

jquery.style.display实现显示隐藏+时间选择效果

来源：互联网发布：淘宝神笔宝贝详情编辑：程序博客网时间：2024/06/03 21:33

1、http://www.my97.net/dp/demo/index.htm

一个很好的时间控件，可以下载其js文件，用在开发中非常好用

选择日期从当天开始，第二个框只能选择第一个框中选择日期后的两个月内的日期

<th style="font-size: 14px">有效时间:</th>
                                                       <td colspan="3">
                                                       <input id="timeStart" class="Wdate" type="text" onFocus="WdatePicker({minDate:'%y-%M-%d'})" name="timeStart" />
                                                        - <input id="timeEnd" name="timeEnd" class="Wdate" type="text" onFocus="WdatePicker({minDate:'#F{$dp.$D(\'timeStart\')}',maxDate:'#F{$dp.$D(\'timeStart\',{M:2})}'})"/>
                                                       </td>

<td></td><td colspan="2">
       <input id="timeStart" class="Wdate" style="width:100px" type="text" onFocus="WdatePicker({minDate:'%y-%M-%d'})" name="timeStart" value='<s:date name="startTime" format="yyyy-MM-dd"/>'/>
        - <input id="timeEnd" name="timeEnd" class="Wdate" style="width:100px" type="text" onFocus="WdatePicker({minDate:'#F{$dp.$D(\'timeStart\')}',maxDate:'#F{$dp.$D(\'timeStart\',{M:2})}'})" value='<s:property value="endTime"/>'/>
       </td>

2、时间显示处理

<span class="indate">有效期：

       <s:date name="(startTime.before(endTime))?startTime:endTime" format="yyyy-MM-dd" />

         至<s:date name="(startTime.before(endTime))?endTime:startTime" format="yyyy-MM-dd"/>

</span>

3、jquery实现显示隐藏

$("#id").css('display','none');
$("#id").css('display','block');
或
$("#id")[0].style.display = 'none';

$("#id")返回的是JQuery
它是个集合肯定有display属性

$("#id").show()表示display:block, $("#id").hide()表示display:none; $("#id").toggle()切换元素的可见状态。如果元素是可见的，切换为隐藏的；如果元素是隐藏的，切换为可见的。

2、javascript实现显示隐藏

<script>
function chg(){
if(document.getElementById("sel").value=="txt"){
document.getElementById("txt").style.display="";
document.getElementById("btn").style.display="none";
}else{
document.getElementById("txt").style.display="none";
document.getElementById("btn").style.display="";
}
}
</script>
<html><head></head><body>
<select id="sel" onChange="chg()">
<option value="txt">txt</option>
<option value="btn">btn</option>
</select>
<input type="text" name="txt" id="txt" style="display:none">
<input type="button" name="btn" value="btn" id="btn" style="display:none">
</body>
</html>

淘宝神笔宝贝详情

淘宝神笔宝贝详情

原创粉丝点击

热门问题 老师的惩罚人脸识别我在镇武司摸鱼那些年重生之率土为王我在大康的咸鱼生活盘龙之生命进化天生仙种凡人之先天五行春回大明朝姑娘不必设防，我是瞎子求面积实用面积计容面积全部面积长方形面积公式正方形面积公式四边形面积公式三角形的面积公式世界面积排名等边三角形面积公式日本面积相当于中国哪个省长方形面积怎么算墙面积怎么算面积怎么算平方米怎么算立方面积墙体面积怎么算面积怎么计算房屋墙面面积怎么算墙体面积怎么算平方面积怎么算平方如何计算平方面积面窝炸面窝武汉面窝面窝培训面窝的做法和配方纯玉米窝头用发面还是死面面筋哥面筋做法面筋的做法面筋面筋胡辣汤油面筋烤面筋做法面筋图片糖醋面筋面筋怎么做面筋哥女儿烤面筋图片面筋热量红烧油面筋