精华内容
下载资源
问答
  • wdatepicker设置时间范围
    2020-10-20 11:23:04

    WdatePicker日历控件使用方法

     

    1. 跨无限级框架显示

     

    无论你把日期控件放在哪里,你都不需要担心会被外层的iframe所遮挡进而影响客户体验,因为My97日期控件是可以跨无限级框架显示的

     

    示例2-7 跨无限级框架演示

    可无限跨越框架iframe,无论怎么嵌套框架都不必担心了,即使有滚动条也不怕

     

    2. 民国年日历和其他特殊日历

     

    当年份格式设置为yyy格式时,利用年份差量属性yearOffset(默认值1911民国元年),可实现民国年日历和其他特殊日历

    示例2-8 民国年演示


    <input type="text" id="d28" onClick="WdatePicker({dateFmt:'yyy/MM/dd'})"/>

    注意:年份格式设置成yyy时,真正的日期将会减去一个差量yearOffset(默认值为:1911),如果是民国年使用默认值即可无需另外配置,如果是其他的差量,可以通过参数的形式配置

     

    3. 为编程带来方便

    如果el的值是this,可省略,即所有的el:this都可以不写 
    日期框设置为disabled时,禁止更改日期(不弹出选择框) 
    如果没有定义onpicked事件,自动触发文本框的onchange事件 
    如果没有定义oncleared事件,清空时,自动触发onchange事件

     

    4. 其他属性

    设置readOnly属性,可指定日期框是否只读 
    设置highLineWeekDay属性,可指定是否高亮周末 
    设置isShowOthers属性,可指定是否显示其他月的日期 
    加上class="Wdate"就会在选择框右边出现日期图标

     

     

    多语言和自定义皮肤

    1. 多语言支持

    通过lang属性,可以为每个日期控件单独配置语言,当然也可以通过WdatePicker.js配置全局的语言
    语言列表和语言安装说明详见语言配置

    示例3-1 多语言示例

    繁体中文: 
    <input id="d311" class="Wdate" type="text" onFocus="WdatePicker({lang:'zh-tw'})"/>

    英文: 
    <input id="d312" class="Wdate" type="text" onFocus="WdatePicker({lang:'en'})"/>

    简体中文: 
    <input id="d313" class="Wdate" type="text" onFocus="WdatePicker({lang:'zh-cn'})"/>

    注意:默认情况lang='auto',即根据浏览器的语言自动选择语言.

     

    2. 自定义和动态切换皮肤

    通过skin属性,可以为每个日期控件单独配置皮肤,当然也可以通过WdatePicker.js配置全局的皮肤
    皮肤列表和皮肤安装说明详见皮肤配置

     

    示例3-2 皮肤演示

    默认皮肤default: skin:'default'

    <input id="d321" class="Wdate" type="text" οnfοcus="WdatePicker()"/>

    注意:在WdatePicker里配置了skin='default',所以此处可省略,同理,如果你把WdatePicker里的skin配置成'whyGreen'那么在不指定皮肤的情况下都使用'whyGreen'皮肤了

     


           whyGreen皮肤: skin:'whyGreen' 
     

    <input id="d322" class="Wdate" type="text" οnfοcus="WdatePicker({skin:'whyGreen'})"/>
     

     

     

    4. 日期范围限制

    1. 静态限制
    注意:日期格式必须与 realDateFmt 和 realTimeFmt 一致

    你可以给通过配置minDate(最小日期),maxDate(最大日期)为静态日期值,来限定日期的范围

    示例4-1-1 限制日期的范围是 2006-09-10到2008-12-20
    <input id="d411" class="Wdate" type="text" οnfοcus="WdatePicker({skin:'whyGreen',minDate:'2006-09-10',maxDate:'2008-12-20'})"/>

     

    示例4-1-2 限制日期的范围是 2008-3-8 11:30:00 到 2008-3-10 20:59:30
    <input type="text" class="Wdate" id="d412" οnfοcus="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-1-3 限制日期的范围是 2008年2月 到 2008年10月
    <input type="text" class="Wdate" id="d413" οnfοcus="WdatePicker({dateFmt:'yyyy年M月',minDate:'2008-2',maxDate:'2008-10'})"/>

     

    示例4-1-4 限制日期的范围是 8:00:00 到 11:30:00
    <input type="text" class="Wdate" id="d414" οnfοcus="WdatePicker({dateFmt:'H:mm:ss',minDate:'8:00:00',maxDate:'11:30:00'})"/>

     

    2. 动态限制
    注意:日期格式必须与 realDateFmt 和 realTimeFmt 一致

    你可以通过系统给出的动态变量,如%y(当前年),%M(当前月)等来限度日期范围,你

    还可以通过#{}进行表达式运算,如:#{%d+1}:表示明天

    动态变量表

    格式

    说明

    %y

    当前年

    %M

    当前月

    %d

    当前日

    %ld

    本月最后一天

    %H

    当前时

    %m

    当前分

    %s

    当前秒

    #{}

    运算表达式,如:#{%d+1}:表示明天

    #F{}

    {}之间是函数可写自定义JS代码

     

    示例4-2-1 只能选择今天以前的日期(包括今天)
    <input id="d421" class="Wdate" type="text" οnfοcus="WdatePicker({skin:'whyGreen',maxDate:'%y-%M-%d'})"/>

     

    示例4-2-2 使用了运算表达式只能选择今天以后的日期(不包括今天)
    <input id="d422" class="Wdate" type="text" οnfοcus="WdatePicker({minDate:'%y-%M-#{%d+1}'})"/>

     

    示例4-2-3 只能选择本月的日期1号至本月最后一天
    <input id="d423" class="Wdate" type="text" οnfοcus="WdatePicker({minDate:'%y-%M-01',maxDate:'%y-%M-%ld'})"/>

     

    示例4-2-4 只能选择今天7:00:00至明天21:00:00的日期
    <input id="d424" class="Wdate" type="text" οnfοcus="WdatePicker({dateFmt:'yyyy-M-d H:mm:ss',minDate:'%y-%M-%d 7:00:00',maxDate:'%y-%M-#{%d+1} 21:00:00'})"/>

     

          示例4-2-5 使用了运算表达式只能选择 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'})"/>

     

    3 . 脚本自定义限制
           注意:日期格式必须与 realDateFmt 和 realTimeFmt 一致

     

    系统提供了$dp.$D和$dp.$DV这两个API来辅助你进行日期运算,此外你还可以通过在 #F{} 中填入你自定义的脚本,做任何你想做的日期限制

     

    示例4-3-1 前面的日期不能大于后面的日期且两个日期都不能大于 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'})"/>

    注意:
    两个日期的日期格式必须相同

    $dp.$ 相当于 document.getElementById 函数.
    那么为什么里面的 ' 使用 \' 呢? 那是因为 " 和 ' 都被外围的函数使用了,故使用转义符 \ ,否则会提示JS语法错误.
    所以您在其他地方使用时注意把 \' 改成 " 或者 ' 来使用.

    #F{$dp.$D(\'d4312\')||\'2020-10-01\'} 表示当 d4312 为空时, 采用 2020-10-01 的值作为最大值

    前面的日期不能大于后面的日期且两个日期都在一个月以内
        
    <input type="text" οnclick="WdatePicker({dateFmt:'yyyy-MM-dd',minDate:'%y-%M-#{%d-31}',maxDate:'#F{$dp.$D(\'q_endTime\')||\'%y-%M-%d\'}'})" id="q_startTime" />

    <input type="text" οnclick="WdatePicker({dateFmt:'yyyy-MM-dd',minDate:'#F{$dp.$D(\'q_startTime\')}',maxDate:'%y-%M-%d'})" id="q_endTime" />
                        

    示例4-3-2 前面的日期+3天 不能大于 后面的日期

           日期从  到 
           <input type="text" class="Wdate" id="d4321"

           onFocus="WdatePicker({maxDate:'#F{$dp.$D(\'d4322\',{d:-3});}'})"/>
           <input type="text" class="Wdate" id="d4322"

           onFocus="WdatePicker({minDate:'#F{$dp.$D(\'d4321\',{d:3});}'})"/>

           使用 $dp.$D 函数 可以将日期框中的值,加上定义的日期差量:
           两个参数: id={字符类型}需要处理的文本框的id值 , obj={对象类型}日期差量
      

           日期差量用法:
           属性y,M,d,H,m,s分别代表年月日时分秒

    更多相关内容
  • 如果你刚买了一台新的Mac,不免要对Mac做一些设置,现为你提供一些Mac常用的设置技巧,让你的Mac更加好用。Mac新手必看,这些设置可以让你的Mac更好用! - macw下载站​www.macw.com访达设置访达是我们在使用Mac时最...

    834ee622455da71e5234191ab193d66c.png

    如果你刚买了一台新的Mac,不免要对Mac做一些设置,现为你提供一些Mac常用的设置技巧,让你的Mac更加好用。

    Mac新手必看,这些设置可以让你的Mac更好用! - macw下载站​www.macw.com
    f3bdf87f06baa1bd5c469111d2023b9a.png

    703e982b195561aa88fbe38b5c20cdaa.png

    访达设置

    访达是我们在使用Mac时最常用的应用了,每次打开访达窗口,会打开一个默认的目录,在访达偏好设置通用选项卡里,你可以设置打开访达窗口时默认显示的目录。

    f9b3150283bfc374cb32690fb4f8eb2b.png

    Mac系统为用户提供了多个系统文件夹来整理文件,但系统并没有默认将它们显示在访达窗口的边栏里,在访达偏好设置边栏选项卡里,你可以勾选需要在访达窗口左侧显示的系统目录,勾选后,对应的目录就显示在访达窗口的边栏中了。

    9213131b4d996f28dca204d5d8af7ea1.png

    在访达窗口 的搜索框里进行搜索的时候,默认的搜索范围是整个Mac,在访达偏好设置高级选项卡里,可以将搜索的范围设定为当前文件夹,如果需要全局搜索文件,建议使用聚焦搜索,聚焦搜索的使用技巧,可以查看我之前关于聚焦搜索的视频。

    2be9facc0be8da1eeda55f568cf4452e.png

    外观及界面设置

    对于长时间面对电脑工作的小伙伴儿来说,深色模式可以一定程度上缓解你的视觉疲劳,MacOS10.14以上版本的系统,可在系统偏好设置通用设置里开启深色模式,如果选择自动,系统会判断当前时间是白天还是晚上来自动切换深色或浅色模式。

    b7527119473dea58345894e060000157.png

    如果想要你的Mac显示器上显示更多内容,进入系统偏好设置显示器设置,在显示器选项卡里选择屏幕的缩放级别,让你的Mac界面缩放至你最舒适的大小。

    33f4626232303e0608f97610a571ab29.png

    Mac的系统菜单栏上默认只显示了12小时制的时间,点击菜单栏上的时间,在下拉菜单里选择打开日期与时间偏好设置,在时钟选项卡里,你可以对时间的格式进行设置,还可以勾选星期和日期,让菜单栏的时间显示更加详细。

    235a32238a051ed6deb4b73ad32f924f.png

    如果你的Mac连接了多个音频设备,可在系统偏好设置声音设置里进行切换,勾选【在菜单栏中显示音量,就可以快速地在菜单栏里选择输出的音频设备了。

    399cf5a29d920b4727ae9e65e4e3a83f.png

    触控板及鼠标设置

    Macbook的触控板一直都是业界的标杆,但是如果你刚买回来一台新Macbook,很多的功能默认是没有开启的,在系统偏好设置触控板设置里,将三个选项卡内的所有选项全部勾选

    14391f4d4c72c8e6bbe3445a284a5c66.png

    返回上一页,进入到辅助功能设置,在左侧的边栏点击指针控制,再点击触控板选项

    768979787f20b47cac2226c80f806f29.png

    在下拉面板中勾选启用拖移,下拉选择三指拖移后点击按钮,你就成功地解锁Mac触控板的所有功能了。

    8626d3eb08c16e8eb6ee6be1bcd5166f.png

    如果你使用了苹果的无线鼠标,在系统偏好设置鼠标设置里,可以开启鼠标的所有功能。

    273431fb4ac29a1a0ad42f246879a9d1.png
    展开全文
  • 组件的官方文档动态限制的用法: 需求是将点击input输入框弹出日历组件后,日期限制为大于今日的日期不可选择,参考了其他博客的解决... WdatePicker({ el:this, //skin:'whyGreen', maxDate:'%y-%M-%d', })

    组件的官方文档动态限制的用法:

    需求是将点击input输入框弹出日历组件后,日期限制为大于今日的日期不可选择,参考了其他博客的解决办法,测试发现没有作用,F12检查源码发现代码无作用,如下为无作用的代码

    搜索到的他人解决方法(自试无作用,也可能是应用场景不同):

    $(".Wdate").click = function () {
        WdatePicker({
           el:this,
           //skin:'whyGreen',
           dateFmt:'yyyy-MM-dd',
           maxDate:'#F{$dp.$D(\'%y-%M-%d\')}'}
           });
       };

     有效的方法(我的是在系统内部修改的):

    $(".Wdate").live("focus",function () {
        WdatePicker({
           el:this,
           //skin:'whyGreen',
           maxDate:'%y-%M-%d',
           });
       });

    * 用live方法,特别注意一定要使用focus,click亲测不好使,skin是样式颜色,根据需求自加。*

    展开全文
  • 3D打印机打印效果的好坏除了与打印机本身质量有关之外,还与...(主要针对上拉式DLP“数字光投影”光固化打印机)一、制作切片文件所需的设置的参数 一个切片文件的生成需要设置,层厚、底层数、曝光时间、底层曝...

    3D打印机打印效果的好坏除了与打印机本身质量有关之外,还与模型切片文件的参数设置有关。并且在保证打印机质量的情况下,切片参数的合理设置对打印机打印出来的模型精细度和打印故障率有着很大的影响。

    以下就对制作切片文件所需的参数进行分析。

    (主要针对上拉式DLP“数字光投影”光固化打印机)

    一、制作切片文件所需的设置的参数

    一个切片文件的生成需要设置,层厚、底层数、曝光时间、底层曝光时间、灯灭延迟、底层灯灭延迟、底层抬升距离、抬升距离、底层抬升速度、抬升速度、回程速度。

    如下图所示:

    c5dccacb6e3fd764b45a9d219ea0fd65.png
    ▲某切片软件切片参数

    二、参数定义

    各参数在实际中的定义。

    1、层厚

    即模型每一打印层的厚度。

    2、底层数

    模型打印出来后与打印平台接触的层,称作底层;底层数即模型所有打印层中作为底层的数量,其余均为正常层。

    3、曝光时间、底层曝光时间

    DLP投影屏投影亮屏时间,同时由于模型分为正常层和底层,其曝光时间需要独立设置。

    4、灯灭延迟、底层灯灭延迟

    在平台下降后,开始进行新一层曝光固化之间的延迟亮屏时间。等设置的灯灭延时时间到达后再开始亮屏曝光。

    5、抬升距离、底层抬升距离

    当模型层曝光固化完成时,平台会上升设定的抬升距离,让模型层与料槽FEP离型膜实现分离。

    6、抬升速度、底层抬升速度

    平台移动上升设定的抬升距离之间的速度。

    7、回程速度

    平台抬升后再下降回落至新模型层固化所需高度之间的速度。

    三、各参数在实际中对打印的影响

    参数的设置会对模型打印故障率、打印时间、打印效果造成影响。

    1、层厚

    层厚设置数值越低(要在打印机精度范围内),模型在Z轴上精度越高(X、Y轴精度是由DLP屏幕分辨率决定的),但是打印时间是以几乎2倍数增长。同时,假如模型曲面较多,而层厚设定不合理,则会增加模型曲面的台阶纹。比如曲面曲率小,层厚设置大。

    如下图:

    96d1961bf7baca38df158fd4ef64c014.png
    ▲模型截面图

    蓝色为模型部分,红色为模型曲面在打印中的锯齿边缘,在实际三维上体现为台阶纹。

    如图:

    9f987e3da0e97cf3643cecdc3fa23e65.png
    ▲台阶纹

    2、底层数、底层曝光时间

    在实际打印中,模型有时会因为从打印平台掉落而导致打印失败,要想模型能够很好的粘在平台上,方法有两点:

    ①、增加平台粗糙程度;

    ②、合适地增加底层曝光时间,让底层固化在平台上,提高平台与模型底层的抗拉扯力。

    在模型层曝光时,屏幕投影的光线会从投影的图形边缘处漏光,若曝光时间设置过长会把边缘处的树脂材料也一并固化,导致模型的底部会比正常层偏大。因此在设置底层数的时候也要考虑到这一点。

    3、曝光时间

    曝光时间的设定需要考虑所使用的光敏树脂材料的特性,若设置的时间太短,则树脂材料固化不完全,导致平台上升时模型断裂;若太长,则增加打印时间。并且也会发生如上一点描述的漏光现象,导致打印出来的实际模型数据与设计的目标数据不相符。在设置时,需要根据材料商家提供的曝光时间范围,下图为材料商家提供的某种光敏树脂材料打印参数设置范围:

    757a87f39d34d9e4a36e193fa9eaca60.png
    ▲某种光敏树脂材料打印参数设置范围

    4、灯灭延迟、底层灯灭延迟

    当模型打印层与FEP离型膜脱离时,会在脱离处产生空位,需要材料回流把空位填补。而每一种光敏树脂材料都有不同的流动性,回流速度也不一样。若材料没有及时回流便开始新的模型层打印,会导致这一层打印失败或产生缺口。增加灯灭延时设置,能够让流动性差的材料有足够的时间回流。

    5、抬升距离、底层抬升距离

    模型层与FEP离型膜脱离方法,主要是增加两者间距离,即调节抬升距离。FEP离型膜具有良好的拉伸性能,在平台抬升时,离型膜会粘连着模型层,若抬升距离不足以让其脱离,则新模型层曝光时会重叠在旧层。重复于此,导致打印失败。

    6、抬升速度、底层抬升速度

    抬升速度过慢,会增加总体打印时间;过快则会导致模型层与层间受到的瞬间拉扯力大于其固化后的结合力,会使模型产生裂纹,严重甚至模型发生断裂,打印失败。

    7、回程速度

    回程速度也是起到与灯灭延迟同样的效果。过快的速度,导致材料不能及时地填补空缺,并且过快的速度有可能导致控制平台升降的步进电机过冲,从而使模型与DLP屏幕碰撞,模型震动、错位的现象发生。过慢的速度会增加总体打印时间。

    展开全文
  • 点击上方↑“多谱检测”,看看有多少位朋友关注(一)前言 首先职业病防治法等法律法规强调“在可能发生急性职业损伤的有毒、有害工作场所,用人单位应当设置报警装置,配置现场急救用品、冲洗设备、应急撤离通道和...
  • wdatepicker 的可选时间范围设置

    千次阅读 2018-08-05 17:03:35
    wdatepicker 的可选时间范围设置 可选时间为2014年以后 两个时间间隔在一年以内 这个是根据产品需求自己更改的插件 希望可以帮到有需要的朋友。 html页面的代码 &lt;input id="from" readonly=&...
  • input type="text" value="" placeholder="请输入开始日期"comments="开始时间" id="kssj" name="kssj" οnclick="var date=zdyM('KS');var date2=zdyM('JS');WdatePicker({minDate:date,maxDate:date2})"> ...
  • 很多商家经常陷入一个误区:配送范围越大,生意就越好。 但却忽略了一个事实:配送范围越大,也就对商家的承客能力、服务能力要求更高。配送范围越大,不管是菜品的温度还是服务体验,都更容易受损,所以商家如何...
  • 如果要让变频器进入程序控制的多段速运行状态,首先要将变频器进行设置,使其工作在该状态,然后对相关参数进行设置,并启动设备运行。下面以CVF-G3变频器为例介绍具体操作方法。首先通过高级参数H-14将可编程多段速...
  • WdatePicker的开始时间和结束时间设置 啥也不说了,直接上代码 <tr> <td>检查开始时间:</td> <td> <input type="text" class="Wdate" id="jckssj" name="jckssj" onclick=...
  • 结束时间,顾名思义开始肯定不能大于结束,故使用WdatePicker插件选择时间的话可以很好的做好时间段的控制。看下面一个例子: 页面上的两个时间输入框: 开始时间: <input type="text" name="startDate" id=...
  • Wdatepicker 设置开始结束时间范围

    千次阅读 2019-02-27 17:57:51
    开始日期: &lt;input class="...WdatePicker({dateFmt:'yyyy-MM-dd',maxDate:'#F{$dp.$D(\'endDate\')}'})" /&gt; 结束日期: &lt;input class="endDate Wdate" id
  • 本文实例向大家介绍了JQuery日历插件My97DatePicker日期范围限制的方法,分享给大家供大家参考,具体内容如下 “`<input class=”Wdate” id=”d1″ onclick=”WdatePicker()” /> 下面重点说明日期范围限制...
  • txtdt.Attributes.Add("onclick", "WdatePicker({dateFmt:'yyyy-MM-dd',lang:'zh-cn',minDate: '#F{$dp.$D(\'" + maxdt.ClientID + "\',{d:" + -dates + "});}',maxDate:'#F{$dp.$D(\'" + maxdt.ClientID + "\')}'})...
  • 如果不加入指定的条件,指定的时间,限定条数的查。经过多张表的关联查询sql执行速度将会变得特别慢。之前限定时间都是通过js弹框,但是原本模块中有相似代码控制的代码,用户体验与弹框截然不同。 所以:现记录并...
  • <div class="text-c"> 日期范围: ...input type="text" id="start_time" onfocus="WdatePicker({minDate:'#F'+'{'+'$dp.$D(\'start_time\')'+'}', dateFmt: 'yyyy-MM-dd HH:mm:ss' })" id="logmin"...
  • Wdatepick控件日期限制

    2022-04-19 16:24:30
    WdatePicker限制只能选当天,只能选以前的时间 (1)WdatePicker限制只能选以前的时间(不能选当天): οnfοcus="WdatePicker({startDate:'%y',dateFmt:'yyyy-MM-dd',maxDate:'%y-%M-{%d-1}'})" (2)...
  • 本篇文章主要介绍了WdatePicker.js时间日期插件的使用方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
  • 时间范围: <input type="text" id='startTime' onclick="WdatePicker({ dateFmt: 'yyyy-MM', maxDate: '#F{$dp.$D(\'endTime\')}' })" autocomplete="off" /> 至 <input type="text" id='endTime' onclick...
  • WdatePicker限制时间

    2020-07-24 15:22:31
    WdatePicker.js 2,html <div class="row cl mb-20 "> <label class="form-label col-xs-4 col-sm-3 text-c"> 出纳日期 <a href="javascript:void();" style="position:relative" class=...
  • 设置开始时间 与 结束时间只能在7天之间进行选择 使用的版本: <script type="text/javascript" src="/4.8/WdatePicker.js"></script> 开始时间: <input type="text" id="datemin" value="" ...
  • 开始时间: ...input type="text" name="startDate" id="startDate" onclick="WdatePicker({dateFmt:'yyyy-MM-dd',maxDate:'#F{$dp.$D(\'endDate\')}'})" /> 结束时间: <inpu...
  • WdatePicker开始时间与结束时间

    千次阅读 2019-04-26 16:35:31
    使用WdatePicker时间插件简单的控制页面上两个时间选择的前后范围 很多时候我们在一个交互的页面上需要显示两个时间让客户填写,比如开始时间&结束时间,顾名思义开始肯定不能大于结束,故使用WdatePicker插件...
  • 工作中遇到一个关于时间的问题,记录一下: 1、开始时间不能大于结束时间; 2、开始时间不小于特定的日期(这里我的开始时间不能小于2020-05-01) <tr id="prcent"> <td class="f-tac"><label ...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 793
精华内容 317
关键字:

wdatepicker设置时间范围