您的位置：首页 > 其它

WdatePicker插件来实现开始和结束时间选择范围控制

2017-05-04 14:38 651 查看

这里使用的是WdatePicker插件来实现开始和结束时间选择范围控制
(开始时间选择之后，结束时间不可再选择开始时间之前时间，开始时间同理：结束时间选择之后，开始时间不可再选择结束时间之前的开始时间)
时间选择精度精确到秒

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title></title>
<script type="text/javascript" src="My97DatePicker/WdatePicker.js"></script>
</head>
<body>

<div class="share-td share-td-width">
开始时间： <input type="text" readonly="readonly" class="input-small Wdate choose-date form-controlCCC"   id="applyTimeStart" name="applyTimeStart" type="text"
onFocus="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss',maxDate:'#F{$dp.$D(\'applyTimeEnd\')}'})">
</div>
<div class="share-tdd">-</div>
<div class="share-td share-td-width">
结束时间：<input type="text" readonly="readonly" class="input-small Wdate choose-date form-controlCCC"   id="applyTimeEnd" name="applyTimeEnd" type="text"
onFocus="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss',minDate:'#F{$dp.$D(\'applyTimeStart\')}'})">
</div>

</body>
</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航