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

最新推荐文章于 2021-09-10 17:18:49 发布

feifuzeng

最新推荐文章于 2021-09-10 17:18:49 发布

阅读量3.3k

点赞数

分类专栏： jQuery

本文链接：https://blog.csdn.net/feifuzeng/article/details/71170357

版权

jQuery 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

这里使用的是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>

feifuzeng

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
2
评论
WdatePicker插件来实现开始和结束时间选择范围控制

这里使用的是WdatePicker插件来实现开始和结束时间选择范围控制(开始时间选择之后，结束时间不可再选择开始时间之前时间，开始时间同理：结束时间选择之后，开始时间不可再选择结束时间之前的开始时间)时间选择精度精确到秒开始时间： <input type="text" readonly="readonly" class="input-small Wdate choos
复制链接

扫一扫