jQuery ui自定义添加某个时间段表单提交_拖动设置时间段表单提交



107 426 143



特效描述:自定义添加表单 添加时间段表单 表单提交 拖动时间表单,jQuery自定义拖动设置时间段,可以灵活设置一天内的任意时段。

代码结构

1. 引入CSS

<link href="css/style.css" rel="stylesheet">

2. 引入JS

<script type="text/javascript" src="js/jquery-1.9.1.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.10.3.custom.min.js"></script>

3. HTML代码

    <div class="time-bg">
        <p>
            <span class="rangeSpan">时间范围:</span>
            <input type="text" id="amount" />
        </p>
        <div id="slider-range"></div>
        <div id="time">
            <ul></ul>
        </div>
        <div style="margin-top:40px;">
        	<div id="selected" class="button">确认添加时间</div>
        </div>
    </div>



用户评论
大牛,别默默的看了,快登录帮我点评一下吧!:)      登录 | 注册


热门标签: 拖动 拖拽 拖动插件 拖拽插件 切换按钮 表单 表单美化 表单插件 表单美化插件 图片拖动 图片拖拽 按钮控制 表单提交

×
×

注册

官方QQ群

扫描上面二维码加微信群

官方QQ群

jQuery/js讨论群
群号:642649996
Css3+Html5讨论群
群号:322131262

加群请备注:从官网了解到