你的位置:首页 > 软件开发 > Java > js使用my97插件显示当前时间,且select控制计算时间差

js使用my97插件显示当前时间,且select控制计算时间差

发布时间:2017-06-18 00:00:46
做页面需要两个时间输入框一个显示当前时间,一个显示之前的时间,并且需要一个select下拉框控制两个时间输入框之间的差,效果如下图:这里使用的是My97DatePicer,简单方便,引入my97插件,设置input时间框的格式,这里设置的时间最大是当前时间,开始时间框不能比结束时 ...

js使用my97插件显示当前时间,且select控制计算时间差

 做页面需要两个时间输入框一个显示当前时间,一个显示之前的时间,并且需要一个select下拉框控制两个时间输入框之间的差,效果如下图:

js使用my97插件显示当前时间,且select控制计算时间差

这里使用的是My97DatePicer,简单方便,引入my97插件,设置input时间框的格式,这里设置的时间最大是当前时间,开始时间框不能比结束时间框的时间大

 1 <script src='/images/loading.gif' data-original="lib/date/WdatePicker.js"></script> 2 <body> 3 选择时间范围:<select name="selectDate" id="sDate"> 4         <option value="1">一天</option> 5         <option value="2">两天</option> 6         <option value="3">三天</option> 7         <option value="7">一周</option> 8         <option value="14">二周</option> 9         <option value="21">三周</option>10       </select>11       <br/>12       开始时间:<input type="text" id="startTime" onFocus="WdatePicker({lang:'zh-cn',dateFmt:'yyyy-MM-dd HH:mm:ss',maxDate:'#F{$dp.$D(\'endTime\')}'&&'%y-%M-%d'})">13       <br/>14       结束时间:<input type="text" id="endTime" onFocus="WdatePicker({lang:'zh-cn',dateFmt:'yyyy-MM-dd HH:mm:ss',minDate:'#F{$dp.$D(\'startTime\')}',maxDate:'%y-%M-%d'})">15 </body>

原标题:js使用my97插件显示当前时间,且select控制计算时间差

关键词:JS

JS
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。