开始时间小于结束时间小例子 

bootstrap.min.css只是样式，可不要，
WdatePicker.js是日历控件，必须要。

代码

 1 <!DOCTYPE html>
 2 <html>
 3     <head>
 4         <meta charset="UTF-8">
 5         <title>开始时间小于结束时间小例子</title>
 6         <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"/>
 7     </head>
 8     <body>
 9         <div class="container">
10             <div class="page-header">
11                 开始时间小于结束时间
12             </div>
13             <form action="" method="post" class="form-inline">
14                 <div class="form-group form-group-sm">
15                     <label for="localdateBegin">交易开始时间：</label>
16                     <input type="text" name="localdateBegin" id="localdateBegin" class="form-control" onclick="WdatePicker({maxDate:'#F{$dp.$D(\'localdateEnd\')}',dateFmt: 'yyyyMMdd'})" />
17                 </div>
18                 <div class="form-group form-group-sm">
19                     <label for="localdateEnd">交易结束时间：</label>
20                     <input type="text" name="localdateEnd" id="localdateEnd" class="form-control" onclick="WdatePicker({minDate:'#F{$dp.$D(\'localdateBegin\')}',dateFmt: 'yyyyMMdd'})" />
21                 </div>
22                 <div class="form-group form-group-sm">
23                     <label for="canceldateBegin">申请退款时间：</label>
24                     <div class="input-group input-group-sm">
25                         <input type="text" name="canceldateBegin" id="canceldateBegin" class="form-control" onclick="WdatePicker({maxDate:'#F{$dp.$D(\'canceldateEnd\')}',dateFmt: 'yyyyMMdd'})" />
26                         <span class="input-group-addon" id="basic-addon1">至</span>
27                         <input type="text" id="canceldateEnd" class="form-control" name="canceldateEnd" onclick="WdatePicker({minDate:'#F{$dp.$D(\'canceldateBegin\')}',dateFmt: 'yyyyMMdd'})" />
28                     </div>
29                 </div>
30             </form>
31         </div>
32         <script src="My97DatePicker/WdatePicker.js"></script>
33     </body>
34 </html>

 

posted @ 2017-09-19 10:23  微笑的小小向日葵  阅读(467)  评论(0)  编辑  收藏  举报