原生js带时间日历选择器插件



246 981 328



特效描述:原生js 时间日历选择器,双日历,单日历 年/月/时/分,单日历选择器

代码结构

1. 引入CSS

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

2. 引入JS

<script type="text/javascript" src="js/date.js"></script>
<script type="text/javascript" src="js/script.js"></script>

3. HTML代码

<div id="search" class="box">
	<div class="timeDateTwo">
    	<h2>双日历</h2>
        <label>开始时间:</label>
        <input id="J_date_1" type="text" class="f-text" readonly />
        <label>结束时间:</label>
        <input id="J_date_2" type="text" class="f-text" readonly />
    </div>
    <div class="timeDateOne">
    	<h2>单日历 年/月/时/分</h2>
    	<label>日历时间:</label>
        <input id="J_date_3" type="text" class="f-textDate" readonly />
    </div>
    <div class="timeDateOne">
    	<h2>单日历</h2>
        <label>日历时间:</label>
        <input id="J_date_4" type="text" class="f-textDate" readonly />
    </div>
</div>



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


热门标签: 悬浮浮动漂浮 弹出层拖动 窗口提示框 浮动提示框 切换按钮 日历日期时间 form表单 浮动导航菜单 日历选择器 提示框/弹出层 时间日期插件 文本框 按钮控制

×
×

注册

官方QQ群

扫描上面二维码加微信群

官方QQ群

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

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