需求：根据开始时间，动态限制结束时间

实现：

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Document</title>

</head>

<body>

    <select class="sel-settlement-type">

        <option value="1">小时</option>

        <option value="2">周</option>

        <option value="3">月</option>

    </select>

    <input class="inp-start-date" type="text" onfocus="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:00'})"/>

    <input class="inp-end-date" type="text" onfocus="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:00', minDate:'#F{$dp.$D(\'inp-end-date-min\')}', maxDate:'#F{$dp.$D(\'inp-end-date-max\')}'})"/>

    <input type="hidden" id="inp-end-date-min" value="">

    <input type="hidden" id="inp-end-date-max" value="">

    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

    <script type="text/javascript" src="http://www.my97.net/My97DatePicker/WdatePicker.js"></script>

    <script type="text/javascript">

    // 格式化时间

    function formatTime(timestamp, format)

    {

      format    = format || 'Y-m-d H:i:s';

      var oDate = new Date(timestamp);

      var Y     = oDate.getFullYear();

      var m     = oDate.getMonth() + 1;

      var d     = oDate.getDate();

      var H     = oDate.getHours();

      var i     = oDate.getMinutes();

      var s     = oDate.getSeconds();

      return format.replace('Y', Y).replace('m', m).replace('d', d).replace('H', H).replace('i', i).replace('s', s);

    };

    function setTimeLimit()

    {

        $('.sel-settlement-type').on('change', function(){

            if($('.inp-start-date').val()!=""){

                var start = new Date( $('.inp-start-date').val() ).getTime();

            }else{

                var start = new Date().getTime();

            }

            var end_date_min = start + 2 * 3600 * 1000;

            var end_date_max = 0;

            switch($(this).val())

            {

                case '1':

                    end_date_max = start + 1 * 24 * 3600 * 1000;

                    break;

                case '2':

                    end_date_max = start + 7 * 24 * 3600 * 1000;

                    break;

                case '3':

                    end_date_max = start + 30 * 24 * 3600 * 1000;

                    break;

            }

            $('#inp-end-date-min').val( formatTime(end_date_min, 'Y-m-d H:i:00') );

            $('#inp-end-date-max').val( formatTime(end_date_max, 'Y-m-d H:i:00') );

        });

        $('.sel-settlement-type').trigger('change');

    }

    setTimeLimit();

    </script>

</body>

</html>

官方文档：

http://www.my97.net/demo/resource/2.4.asp#m243

http://www.my97.net/demo/index.htm

my97date 时间范围限制的更多相关文章

  1. PHP 获取 特定时间范围 类

    目录  前序 用途 功能及事项 使用方法 代码及注释 前序: 总体来说,我更应该是一个 android 移动开发者,而不是一个 phper,如果说只做移动端的 APP ,我也不会学这么多,这 2年来, ...

  2. dateRangePicker时间范围控件

    Github:https://github.com/dangrossman/bootstrap-daterangepicker/ 使用daterangepicker()为元素创建一个时间范围控件 &l ...

  3. Oracle的日期时间范围查询

    Oracle日期时间范围查询 Sql代码 /* 日期时间范围查询 */ ---------- 创建日期时间测试表-------------------------------------------- ...

  4. Java，PostgreSQL时间范围查询

    遇到一坑:对于如下代码 select * from order_mileagefuel where date > '2015-11-1' and date< '2015-11-5' 在Po ...

  5. JavaScript的My97Date日期工具类的使用

    开发人员最喜欢的事情就是有工具然后拿来直接使用(. ~ .) 使用截图: 1.设置input标签 2.根据其DEMO文件,引入,进行事件处理 3.效果如图 4.效果如图 代码: <!DOCTYP ...

  6. 巧用DISPLAY_AWR函数与dba_hist_sqlstat结合查询SQL语句在指定节点指定时间范围内的历史执行计划

    1.问题        通过调用dbms_xplan包中DISPLAY_AWR函数(DBMS_XPLAN.DISPLAY_AWR)可以从AWR数据中查看到SQL语句的历史执行计划,但是,DISPLAY ...

  7. BootStrap dateRangePicker时间范围控件

    BootStrap dateRangePicker时间范围控件 1 安装引用 1.1 下载zip Github:https://github.com/dangrossman/bootstrap-dat ...

  8. 日期时间范围选择插件:daterangepicker使用总结

    分享说明: 项目中要使用日期时间范围选择对数据进行筛选;精确到年月日 时分秒;起初,使用了layui的时间日期选择插件;但是在IIE8第一次点击会报设置格式错误;研究了很久没解决,但能确定不是layu ...

  9. js判断一些时间范围是否有重复时间段

    function isHasRepeatTime(data) { var startTimeArr = []; var endTimeArr = []; (data || []).map(functi ...

随机推荐

  1. linux下shellcode提取常用到的命令

    汇编语言的汇编指令: nasm -f elf xxx.asm    生成xxx.o文件 ld -o xxx  xxx.o  生成可执行文件,不用加参数-s ,否则在提取shellcode的十六进制码的 ...

  2. 磁盘映射： between 宿主机 and 客户机

    一.虚拟机映射到宿主机     在虚拟机关机的状态下,双击右侧设备栏里硬盘,在弹出的窗口中单击“实用程序“,选择“映射”.打开映射虚拟磁盘的窗口,其中的“卷”就是你希望映射虚拟机中的哪个分区到主机,如 ...

  3. sublime text 2使用方法

    笔者用过的一些软件用来写Verilog代码,比如notepad+,ultra,editplus等,近日在群里看到大家在讨论一个比较有意思的软件,sublime text,才发现有种相见恨晚的感觉,其实 ...

  4. 初试PyOpenGL二 (Python+OpenGL)基本地形生成与高度检测

    在上文中,讲述了PyOpenGL的基本配置,以及网格,球形的生成,以及基本的漫游.现在利用上一篇的内容,来利用高程图实现一个基本的地形,并且,利用上文中的第三人称漫游,以小球为视角,来在地形上前后左右 ...

  5. GLSL着色语言学习。橙皮书第一个例子GLSL+OpenTK+F#的实现。

    Opengl红皮书有选择的看了一些,最后的讲着色语言GLSL的部分看的甚为不理解,然后找到Opengl橙皮书,然后就容易理解多了. 在前面,我们或多或少接触到Opengl的处理过程,只说前面一些处理, ...

  6. matlab中生成随机数的相关知识

    randperm()函数: 功能:用于生成从1到N的随机整数,并且没有重复,它本质上是一个随机排序的函数: 用法:1.  randperm(n)     随机生成从1到n的不重复的整数: 2. ran ...

  7. (原)hisi3531立体声pcm实现播放方式

    版权声明:本文为博主原创文章,未经博主允许不得转载(http://www.cnblogs.com/lihaiping/p/5251854.html) 最近在使用hisi3531做一个项目,需要实现本地 ...

  8. C#常用数据类型间的转换

    数据类型有很多种,数据类型间的转换也是有很多的方法,如果不细心整理的话等到用的时候再查就会显得很浪费时间,所以决心整理出这篇博文.主要是讲解常用数据类型之间的转换方法以及常见数据类型所占字节数. 字节 ...

  9. Cisco 3550配置DHCP中继代理

    实验环境: 1.配置两个VLAN 10 和  VLAN 20 VLAN  10  IP地址设置:192.168.10.1  255.255.255.0  (192.168.10.1是VLAN 10网关 ...

  10. par函数mgp 参数-控制坐标轴的位置

    mgp 参数的值为长度为3的一个向量,默认值为 c(3, 1, 0); 3个数值控制的元素不同 1) 第一个数值:3, 控制xlab 和  ylab的位置 示例用法: par(mfrow = c(1, ...