my97DatePicker的基本使用

最新推荐文章于 2017-04-13 20:03:04 发布

慕安凉

最新推荐文章于 2017-04-13 20:03:04 发布

阅读量415

点赞数

分类专栏：工具类

本文链接：https://blog.csdn.net/lsq_401/article/details/53641385

版权

工具类专栏收录该内容

6 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript" src="../lib/jquery.min.js"></script>
    <script type="text/javascript" src="../lib/my97DatePicker/WdatePicker.js"></script>
    <script type="text/javascript" src="../lib/laydate/laydate.js"></script>
</head>
<body>
<span id="times"></span>
开始日：<li class="laydate-icon" id="start" style="width:200px; margin-right:10px;"></li>
结束日：<li class="laydate-icon" id="end" style="width:200px;"></li>
<script type="text/javascript">
      var start = {
          elem: '#start',
          format: 'YYYY/MM/DD hh:mm:ss',
          min: laydate.now(), //设定最小日期为当前日期
          max: '2099-06-16 23:59:59', //最大日期
          start:laydate.now(),
          istime: true,
          istoday: false,
          choose: function(datas){
              end.min = datas; //开始日选好后，重置结束日的最小日期
              end.start = datas //将结束日的初始值设定为开始日
          }
      };
      var end = {
          elem: '#end',
          format: 'YYYY/MM/DD hh:mm:ss',
          min: laydate.now(),
          max: '2099-06-16 23:59:59',
          istime: true,
          istoday: true,
          choose: function(datas){
              start.max = datas; //结束日选好后，重置开始日的最大日期
          }
      };
      laydate(start);
      laydate(end);
</script>
</body>
</html>

min代表选择日期的最小值min:laydate.now(-1) 最小选择日期为昨天min:laydate.now() 最小选择日期为今天min:laydate.now(+1) 最小选择日期为明天start代表光标指向的位置start:laydate.now(-1) 光标指向昨天start:laydate.now() 光标指向今天start:laydate.now(+1) 光标指向明天istoday:是否显示今天istoday: false,显示如下：

istoday: true,
显示如下：

慕安凉

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
my97DatePicker的基本使用

Title 开始日：结束日： var start = { elem: '#start', format: 'YYYY/MM/DD hh:mm:ss', min: laydate.now(), //设定最小日期为当前日期 max: '2099-06-16 23:59:5
复制链接

扫一扫

专栏目录