jquery ui datepicker日期选择器插件起始和截止时间日期选择代码



458 1830 611



特效描述:jquery ui datepicker 日期选择器插件 起始和截止 时间日期选择,日期插件,起始-截止时间特效代码

代码结构

1. 引入CSS

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

2. 引入JS

<script type="text/javascript" src="js/jquery-1.8.3.js"></script>
<script type="text/javascript" src="js/jquery.ui.core.js"></script>
<script type="text/javascript" src="js/jquery.ui.datepicker.js"></script>

3. HTML代码

<table width="600" border="0" cellspacing="0" cellpadding="0" class="register-table">
  <tr>
    <td height="40" align="right">生日:</td>
    <td height="40" align="left"><input type="text" name="from19" class="test-style width150" id="datepicker" /></td>
    <td height="40" align="right">&nbsp;</td>
    <td height="40" align="left">&nbsp;</td>
  </tr>
  <tr>
    <td height="40" align="right">有效期起始:</td>
    <td height="40" align="left"><input type="text" name="te" id="from" class="test-style width150" /></td>
    <td height="40" align="right">有效期截止:</td>
    <td height="40" align="left"><input type="text" name="tex" id="to" class="test-style width150" /></td>
  </tr>
  <tr>
    <td height="40">&nbsp;</td>
    <td height="40" colspan="3">&nbsp;</td>
  </tr>
  <tr>
    <td height="40">&nbsp;</td>
    <td height="40" colspan="3" align="left">&nbsp;</td>
  </tr>
</table>



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


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

×
×

注册

官方QQ群

扫描上面二维码加微信群

官方QQ群

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

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