码迷,mamicode.com
首页 > 其他好文 > 详细

My97DatePicker

时间:2018-12-28 10:55:59      阅读:216      评论:0      收藏:0      [点我收藏+]

标签:今天   mil   UNC   val   tle   start   res   get   str   

 

My97DatePicker

1、下载My97DatePicker组件包 

下载地址:http://download.csdn.net/detail/emoven/8249073

 

<!DOCTYPE html>

  <html>
  <head>
  <title>My97DatePicker日期控件使用</title>
  </head>
  <body>
  <center>
  <h2>My97DatePicker日期控件的使用</h2>
  </center>
  基本用法:
  <input id="date1" class="Wdate" onfocus="WdatePicker({dateFmt:‘yyyy-MM-dd‘,readOnly:true})" />
  <br>
  <br>
  只能选择今天以前的日期:
  <input id="Text1" class="Wdate" onfocus="WdatePicker({readOnly:true,maxDate:‘%y-%M-%d‘})" /><br>
  <br>
  使用运算表达式 只能选择 20小时前 至 30小时后 的日期
  <input id="Text2" class="Wdate" onclick="WdatePicker({ dateFmt: ‘yyyy-MM-dd HH:mm‘, minDate: ‘%y-%M-%d {%H-20}:%m:%s‘, maxDate: ‘%y-%M-%d {%H+30}:%m:%s‘ })" /><br>
  <br>
  开始,结束日期:<!-- $dp.$ 相当于 document.getElementById 函数. -->
  <input id="sdate" class="Wdate" onfocus="WdatePicker({dateFmt:‘yyyy-MM-dd‘,readOnly:true,maxDate:‘#F{$dp.$D(\‘edate\‘)}‘})" />
  -
  <input id="edate" class="Wdate" onfocus="WdatePicker({dateFmt:‘yyyy-MM-dd‘,readOnly:true,minDate:‘#F{$dp.$D(\‘sdate\‘)}‘,startDate:‘#F{$dp.$D(\‘sdate\‘,{d:+1})}‘})" /><br>
  <br>
  <input type="button" value="点我" id="clickme" />
  </body>
  <script src="Scripts/jquery-3.3.1.js"></script>
  <script src="Scripts/My97DatePicker/WdatePicker.js"></script>
  <script>
   
  $(function () {
  $("#clickme").click(function () {
  alert($("#date1").val());
  })
   
  var datetime = "2018-09-15";
   
  $("#Text1").val(datetime);
  })
   
  </script>
  </html>

My97DatePicker

标签:今天   mil   UNC   val   tle   start   res   get   str   

原文地址:https://www.cnblogs.com/loushengjie/p/10188704.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!