精华内容
下载资源
问答
  • 时间日期插件

    2017-07-18 20:54:59
    时间插件
  • ionic时间日期插件

    2019-01-03 15:39:14
    ionic时间日期插件
  • 兼容ie的时间日期插件,兼容ie的时间日期插件,兼容ie的时间日期插件,兼容ie的时间日期插件,兼容ie的时间日期插件,兼容ie的时间日期插件,兼容ie的时间日期插件,兼容ie的时间日期插件,兼容ie的时间日期插件,...
  • 多功能时间日期时间段区间js时间日期插件,是非常简单实用的一款jQuery时间日期插件
  • 时间日期插件datetimepicker
  • jquery时间日期插件

    2012-08-27 18:18:09
    jquery所写的时间日期插件,引用就可以使用
  • WdatePicker时间日期插件总结. Wdatepicker日期控件的使用指南. 时间插件WdatePicker使用方法. 另一个Wdatepicker日期控件的使用指南. WdatePicker 日历控件开始日期不能大于结束日期,不能选择当前时间之前的时间,...

    本文只做记录

    Wdatepicker日期控件官网.

    参考

    WdatePicker时间日期插件总结.

    Wdatepicker日期控件的使用指南.

    时间插件WdatePicker使用方法.

    另一个Wdatepicker日期控件的使用指南.

    WdatePicker 日历控件开始日期不能大于结束日期,不能选择当前时间之前的时间,2个时间相差最多一个月
    .

    项目中的使用

    开始时间不早于结束时间,结束时间不晚于开始时间

    开始时间和结束时间都不早于当前时间

    <html>
     <head></head>
     <body>
      日期范围: 
      <input type="text" onclick="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss',maxDate:'#F{$dp.$D(\'logmax\')||\'%y-%M-%d\'}'})" id="logmin" readonly="" class="input-text Wdate" style="width: 180px;" /> - 
      <input type="text" onclick="WdatePicker({minDate:'#F{$dp.$D(\'logmin\')}',maxDate:'%y-%M-%d',dateFmt:'yyyy-MM-dd HH:mm:ss'})" id="logmax" readonly="" class="input-text Wdate" style="width: 180px;" />
     </body>
    </html>
    
    展开全文
  • 手机端时间日期插件HTML5
  • 本篇文章主要介绍了WdatePicker.js时间日期插件的使用方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
  • 文本框时间日期插件

    2017-09-30 10:24:50
    日期文本框中使用插件实现选日期的功能,使界面和用户体验更加人性化!
  • WdatePicker.js时间日期插件

    千次阅读 2017-07-25 20:48:06
    WdatePicker.js时间日期插件

    WdatePicker.js时间插件使用

    引用:
    在项目中引用“plugin-clander”文件夹。
    在html中引用”WdatePicker.js”即可。

    <script src="js/plugin-clander/WdatePicker.js"></script>

    1.没有对控件进行设置

    <input class="Wdate" type="text" onfocus="WdatePicker()"/>

    2.限制日期的范围是 2006-09-10到2008-12-20

    <input id="d411" class="Wdate" type="text" onfocus="WdatePicker({skin:'whyGreen',minDate: '2006-09-10', maxDate: '2008-12-20' })"/>

    3.限制日期的范围是 2008-3-8 11:30:00 到 2008-3-10 20:59:30

    <input type="text" class="Wdate" id="d412"
    onfocus="WdatePicker({skin:'whyGreen',dateFmt: 'yyyy-MM-dd HH:mm:ss',
    minDate: '2008-03-08 11:30:00', maxDate: '2008-03-10 20:59:30' })" value="2008-03-09 11:00:00"/>

    4.限制日期的范围是 2008年2月 到 2008年10月

    <input type="text" class="Wdate" id="d413" onfocus="WdatePicker({dateFmt: 'yyyy年M月', minDate: '2008-2', maxDate: '2008-10' })"/>

    5.限制日期的范围是 8:00:00 到 11:30:00

    <input type="text" class="Wdate" id="d414" onfocus="WdatePicker({dateFmt: 'H:mm:ss', minDate: '8:00:00', maxDate: '11:30:00' })"/>

    6.只能选择今天以前的日期(包括今天)

    <input id="d421" class="Wdate" type="text" onfocus="WdatePicker({skin:'whyGreen',maxDate: '%y-%M-%d' })"/>

    7.使用了运算表达式 只能选择今天以后的日期(不包括今天)

    <input id="d422" class="Wdate" type="text" onfocus="WdatePicker({minDate: '%y-%M-#{%d+1}' })"/>

    8. 只能选择本月的日期1号至本月最后一天

    <input id="d423" class="Wdate" type="text" onfocus="WdatePicker({minDate: '%y-%M-01', maxDate: '%y-%M-%ld' })"/>

    9.只能选择今天7:00:00至明天21:00:00的日期

    <input id="d424" class="Wdate" type="text"
    onfocus="WdatePicker({dateFmt:'yyyy-M-d H:mm:ss',
    minDate: '%y-%M-%d 7:00:00', maxDate: '%y-%M-#{%d+1} 21:00:00' })"/>

    10.使用了运算表达式 只能选择 20小时前 至 30小时后 的日期

    <input id="d425" class="Wdate" type="text"
    onClick="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm',
    minDate: '%y-%M-%d #{%H-20}:%m:%s' ,maxDate: '%y-%M-%d #{%H+30}:%m:%s' })"/>

    11. 前面的日期不能大于后面的日期且两个日期都不能大于 2020-10-01
    合同有效期从 到
    [注意: 两个日期的日期格式必须相同.
    dp. 相当于 document.getElementByIdx_x 函数.
    那么为什么里面的 ’ 使用 \’ 呢? 那是因为 ” 和 ’ 都被外围的函数使用了,故使用转义符 \ ,否则会提示JS语法错误.所以您在其他地方使用时注意把 \’ 改成 ” 或者 ’ 来使用.
    #F{$dp.$D(\'d4312\')||\'2020-10-01\'} 表示当 d4312 为空时, 采用 2020-10-01 的值作为最大值]

    <input id="d4311" class="Wdate" type="text" onFocus="WdatePicker({maxDate: '#F{$dp.$D(\'d4312\')||\'2020-10-01\'}' })"/>
    <input id="d4312" class="Wdate" type="text" onFocus="WdatePicker({minDate: '#F{$dp.$D(\'d4311\')}' ,maxDate:'2020-10-01' })"/>

    WdatePicker.js时间插件的取值和赋值:

    引用:

      <script src="js/jquery-2.1.1.min.js"></script>
      <script src="js/plugin-clander/WdatePicker.js"></script>

    html:

       <input class="div-Wdate" type="text"   onfocus="WdatePicker()"/>
       <p><button class="tijiaoBtn">提交</button></p>

    js:

      //赋值
      $(".div-Wdate").val("2019-01-01");
      //取值
      $(".tijiaoBtn").on("click",function(){
        console.log($(".div-Wdate").val());
      });
    展开全文
  • Date Today是一款相当轻巧的chrome时间日期插件,主要能随时在网页中查看当前的时间日期,使用者可以通过点击Date Today的插件图标来打开插件界面查看时间日期,若是觉得仅仅只是单调的显示时间的话,还能进入选项...
  • My97DatePicker时间日期插件使用示例 My97DatePicker时间日期插件使用示例 前言 各目录及文件的用途 示例 没有对控件进行设置 限制日期的范围是 2006-09-10到2008-12-20 限制日期的范围是 2008-3-8 11:30:00 到...

    My97DatePicker时间日期插件使用示例

    前言

    • My97DatePicker目录是一个整体,不可破坏里面的目录结构,也不可对里面的文件改名,可以改目录名
    • My97DatePicker.htm是必须文件,不可删除

    各目录及文件的用途

    • WdatePicker.js配置文件,在调用的地方仅需使用该文件,可多个共存,以xx_WdatePicker.js方式命名
    • config.js 语言和皮肤配置文件,无需引入
    • calendar.js 日期库主文件,无需引入
    • My97DatePicker.htm 临时页面文件,不可删除
    • 目录lang 存放语言文件,你可以根据需要清理或添加语言文件
    • 目录skin 存放皮肤的相关文件,你可以根据需要清理或添加皮肤文件包
    • 当WdatePicker.js里的属性:$wdate=true时,在input里加上class=”Wdate”就会在选择框右边出现日期图标,如果您不喜欢这个样式,可以把class=”Wdate”去掉,另外也可以通过修改skin目录下的WdatePicker.css文件来修改样式

    示例

    没有对控件进行设置

    <input class="Wdate" type="text" onfocus="WdatePicker()"/>

    限制日期的范围是 2006-09-10到2008-12-20

    <input id="d411" class="Wdate" type="text" onfocus="WdatePicker({skin:'whyGreen',minDate: '2006-09-10', maxDate: '2008-12-20' })"/>

    限制日期的范围是 2008-3-8 11:30:00 到 2008-3-10 20:59:30

    <input type="text" class="Wdate" id="d412"
    onfocus="WdatePicker({skin:'whyGreen',dateFmt: 'yyyy-MM-dd HH:mm:ss',
    minDate: '2008-03-08 11:30:00', maxDate: '2008-03-10 20:59:30' })" value="2008-03-09 11:00:00"/>

    限制日期的范围是 2008年2月 到 2008年10月

    <input type="text" class="Wdate" id="d413" onfocus="WdatePicker({dateFmt: 'yyyy年M月', minDate: '2008-2', maxDate: '2008-10' })"/>

    限制日期的范围是 8:00:00 到 11:30:00

    <input type="text" class="Wdate" id="d414" onfocus="WdatePicker({dateFmt: 'H:mm:ss', minDate: '8:00:00', maxDate: '11:30:00' })"/>

    只能选择今天以前的日期(包括今天)

    <input id="d421" class="Wdate" type="text" onfocus="WdatePicker({skin:'whyGreen',maxDate: '%y-%M-%d' })"/>

    使用了运算表达式 只能选择今天以后的日期(不包括今天)

    <input id="d422" class="Wdate" type="text" onfocus="WdatePicker({minDate: '%y-%M-#{%d+1}' })"/>

    只能选择本月的日期1号至本月最后一天

    <input id="d423" class="Wdate" type="text" onfocus="WdatePicker({minDate: '%y-%M-01', maxDate: '%y-%M-%ld' })"/>

    只能选择今天7:00:00至明天21:00:00的日期

    <input id="d424" class="Wdate" type="text" onfocus="WdatePicker({dateFmt:'yyyy-M-d H:mm:ss',minDate: '%y-%M-%d 7:00:00', maxDate: '%y-%M-#{%d+1} 21:00:00' })"/>

    使用了运算表达式 只能选择 20小时前 至 30小时后 的日期

    <input id="d425" class="Wdate" type="text"
    onClick="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm',minDate: '%y-%M-%d #{%H-20}:%m:%s' ,maxDate: '%y-%M-%d #{%H+30}:%m:%s' })"/>

    前面的日期不能大于后面的日期且两个日期都不能大于 2020-10-01

    合同有效期从 到
    [注意: 两个日期的日期格式必须相同.
    dp. 相当于 document.getElementByIdx_x 函数.
    那么为什么里面的 ’ 使用 \’ 呢? 那是因为 ” 和 ’ 都被外围的函数使用了,故使用转义符 \ ,否则会提示JS语法错误.所以您在其他地方使用时注意把 \’ 改成 ” 或者 ’ 来使用。
    #F{$dp.$D(\'d4312\')||\'2020-10-01\'} 表示当 d4312 为空时, 采用 2020-10-01 的值作为最大值]

    <input id="d4311" class="Wdate" type="text" onFocus="WdatePicker({maxDate: '#F{$dp.$D(\'d4312\')||\'2020-10-01\'}' })"/>
    <input id="d4312" class="Wdate" type="text" onFocus="WdatePicker({minDate: '#F{$dp.$D(\'d4311\')}' ,maxDate:'2020-10-01' })"/>

    取值和赋值

    html:

    <input class="p-Wdate" type="text"   onfocus="WdatePicker()"/>
    <p><button class="tijiaoBtn">提交</button></p>

    js:

    //赋值
    $(".p-Wdate").val("2019-01-01");
    //取值
    $(".tijiaoBtn").on("click",function(){
      console.log($(".p-Wdate").val());
    });

    参考

    展开全文
  • 解决laydate时间日期插件定位溢出

    千次阅读 2017-05-12 16:22:23
    laydate是一款比较好用的网页时间日期插件,不过用起来有一些细节问题需要我们手动去解决!例如:laydate兼容bootstrap laydate弹出层默认对齐input左边框   但是当这个input比较靠页面右边的时候就会出现弹...

    laydate是一款比较好用的网页时间日期插件,不过用起来有一些细节问题需要我们手动去解决!例如:laydate兼容bootstrap

    laydate弹出层默认对齐input左边框

     

    但是当这个input比较靠页面右边的时候就会出现弹出层一部分溢出的问题

     

    这就需要修改插件JS文件,使其能够判断是否溢出并修复定位

    找到JS文件laydate.js

    首先找到设置定位代码

    a.style.left=e.left+(b?0:c.scroll(1))+"px"

    将其修改为

    复制代码
    var boxWidth = parseFloat(a.clientWidth); // 日期对象宽度
    var leftWidth = parseFloat(e.left); // 左偏移像素
    var bodyWidth = parseFloat(document.body.clientWidth); // 屏幕可见区域宽度
    if (boxWidth + leftWidth > bodyWidth) {
        var leftPX =bodyWidth - boxWidth;
    } else {
        var leftPX = leftWidth;
    }
    
    a.style.left=leftPX+(b?0:c.scroll(1))+"px"
    复制代码

    保存,强刷一下页面

    正常情况

    靠近网页边缘时


    展开全文
  • laydate是本人在开发中感觉比较好用的一款时间日期插件,主要是样式简洁大方,引用起来也非常简单! 先来看下样式: 是不是很简洁大方?而且功能也是很齐全呢,然后说下使用方式: 这里主要写下在vue中的使用...
  • jquery mobile中时间日期的灵活应用 mobiscroll.js
  • WdatePicker.js时间日期插件的使用方法本文介绍了WdatePicker.js时间插件使用,分享给大家,具体如下:引用:在项目中引用“plugin-clander”文件夹。在html中引用”WdatePicker.js”即可。1.没有对控件进行设置2....
  • 时间日期插件引用使用方法

    千次阅读 2017-09-30 10:26:23
    在项目开发过程中,难免会遇到需要填写日期,手动输入的方式不仅不美观,用户体验也不是很好,为了改善手动输入的死板,可使用日期插件使用方法如下:第一步:将日期插件的文件夹下载解压复制到你得项目JS文件目录中...
  • 兼容苹果、安卓、pc端。兼容性较好,有不同样式的日期和样式可以选择。
  • 链接 https://www.daterangepicker.cn/ 1.引入css,js 2.html标签 日期范围 3.js函数设置
  • 使用本插件可以自动在sublime中利用快捷键插入时间 方便大家在编写程序时,自动加入时间 和word中加入时间功能一样, 方便写接口或者写注释
  • 好东西收藏: <input type="text" class="easyui-validatebox easyui-my97" name="basicInformation.tjyjsbfrq" data-options="multiple:true,editable:false,panelHeight:'auto'" style="width:90%" ...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 5,364
精华内容 2,145
关键字:

时间日期插件