国际物流云商系统daymy97使用手册

简目前的版本是注意事 My97DatePicker.htm 及文件的用途WdatePicker.jsxx_WdatePicker.jsconfig.js语言和皮肤配置文件,无需引入calendar.js日期库主文件,无需引入My97DatePicker.htmlangskin当WdatePicker.js里的属性:$wdate=true时,在input里加上class="Wdate"就会在选择框右边出现日期图标,如果您不喜欢这个样式,可以把class="Wdate"去掉,另外也可以通过修改skin WdatePicker.css文件来修改样式支持的浏览IE6.0+,Firefox2.0+,Chrome,Opera9.5+,Safari注意:IE8.0IE8必附上能再现你的问题的HTML代码包能及示常规功如:<img><div>WdatePicker1-1-1常规<inputid="d11"type="text"1-1-2图标<inputid="d12"<imgonclick="WdatePicker({el:'d12'})"src="../skin/datePicker.gif"width="16"height="22"idAPI1-2-1周显示简单应<inputid="d121"type="text"见:周算法选择(4.7ISO8601:规定第一个星期四为第一周,默认值:MSExcel:11XX(X1-71-2-2onpicked事件把周赋值给另外的文您选择了 (W格式)周,另外您可以使用WW式 <inputtype="text"class="Wdate"id="d122"onpicked$dp.cal.getP只读开关,readOnlytrue或falsehighLineWeekDayture或falseisShowClear和isShowToday1-5禁用清空功delete<inputclass="Wdate"type="text"id="d15"position1-6position属性,自定义弹出位positon<inputclass="Wdate"type="text"id="d16"position自定义星期的第一天(4.6新增相关属性:firstDayOfWeek:可设置0-6的任意一个数字,0:1:1-7以星期一作为第<inputclass="Wdate"type="text"id="d17"能及示特色功2-1平面显示演<div$dp.cal.getDateStr他的元素(如:textarea,div,span)innerHTMLHTML2-2将日期返回到<span>2008-01-<spanid="demospan">2008-01-<imgonClick="WdatePicker({el:'demospan'})"src="../../My97DatePicker/skin/datePicker.gif"width="16"height="22"align="absmiddle"style="cursor:pointer"/>注意:realDateFmtrealTimeFmtdateFmtalwaysUseStartDate2-3-1起始日期简单默认的起始日期为1980-05-当日期框为空值时,将使用1980-05-01<inputtype="text"id="d221"2-3-2alwaysUseStartDate属性应默认的起始日期为1980-05-当日期框无论是何值,始终使用1980-05-01<inputtype="text"id="d222"2-3-3使用内置参<inputtype="text"id="d233"2-4-1:年月日时分<inputtype="text"id="d241"onfocus="WdatePicker({dateFmt:'yyyyMMddHHmmss'})"class="Wdate"style="width:300px"/>注意:点两次才能选择日期的原因,详见autoPickDate2-4-2时分<inputtype="text"id="d242"2-4-3年<inputtype="text"id="d243"2-4-4取得系统可识别的日期值(重要类似于199975换为能够识别的类型如1999-07-<inputid="d244"type="text"class="Wdate"<inputid="d244_2"type="text"关键属性:velID,valueinput),用于真实值(也就是realDateFmt和realTimeFmt格式化后2-4-5星期,,年(4.6新增<inputtype="text"id="d245"onfocus="WdatePicker({dateFmt:'DD,MMMMd,yyyy'})"class="Wdate"/>双月日历功能(4.6新增2-5双月日历功<inputclass="Wdate"type="text"时,autoPickDatetrue32-6-1不合法的日期errDealMode0注意:1997示例2-6-2超出日期限制范围的日期也被认为是一个不合法的2000-01-102000-01-10(2000-01-12)也会被认为是不合法的日期errDealMode1示例2-6-3使用无效天和无效日期功能限制的日期也被认为是2008-02-202008-02-022008-02-092008-02-162008-02-23errDealMode2注意:标记类:WdateFmtErr是在 下WdatePicker.css中定义My972-7跨无限级框架演可无限框架iframe,无论怎么嵌套框架都不必担心了,即使有滚动条注意:Javascript是无法frameset的,但是My97日期控件可无限跨iframe,framesetiframe1911元年),可实现年日历和其他特殊日历示例2-8年演<inputtype="text"id="d28"yyyyearOffset(默认值为:1911),如果是年使用默认值即可无需另外配2-9日期和时间的编辑演2000-02-2901:00:00变为2000-01-2901:00:00日期框设置为disabled时,更改日期(不弹出选择框)如果没有定义onpicked事件,自动触本框的onchange事件onclearedonchangereadOnlyhighLineWeekDayclass="Wdate"就会在选择框右边出现日期图标多语言和自定义皮langWdatePicker.js3-1多语言<inputid="d311"class="Wdate"type="text"

id="d312"class="Wdate"<inputid="d313"class="Wdate"type="text" lang='auto',设置中强制某种语言,即:可以通过代码控制语言的选择,其实这个实现起来是很容易的,My97Datepickercn_WdatePicker.js,en_WdatePicker.js(注意命名规则,必须WdatePicker.jsWdatePicker.js变量引入不同的xx_WdatePicker.jsskinWdatePicker.js3-2皮肤演默认皮default<inputid="d321"class="Wdate"type="text"注意:在WdatePicker里配置了skin='default',所以此处可省略,同理,如果你把WdatePicker里的skin配置成'whyGreen'那么在不指定皮肤的whyGreen肤<inputid="d322"class="Wdate"type="text"注意:皮肤,请到皮肤中心日期范围限注意:realDateFmtrealTimeFmtdateFmt4-1-1限制日期的范2006-09-102008-12-<inputid="d411"class="Wdate"type="text"4-1-2限制日期的范围是2008-3-811:30:00到3-102008-03-2008-03-<inputtype="text"class="Wdate"id="d412"HH:mm:ss',minDate:'2008-03-0811:30:00',maxDate:'2008-03-1020:59:30'})"value="2008-03-0911:00:00"/>4-1-3限制日期的范20082200810<inputtype="text"class="Wdate"id="d413"4-1-4限制日期的范8:00:00<inputtype="text"class="Wdate"id="d414"注意:realDateFmtrealTimeFmtdateFmt示例4-2-1只能选择今天以前的日期(包括今天<inputid="d421"class="Wdate"type="text"4-2-2使用了运算表选择今天以后的日期(不包<inputid="d422"class="Wdate"type="text"4-2-3只能选择本月的日期1号至本月最后一<inputid="d423"class="Wdate"type="text"4-2-4只能选择今天7:00:00至明21:00:00的日<inputid="d424"class="Wdate"type="text"H:mm:ss',minDate:'%y-%M-%d7:00:00',maxDate:'%y-%M-{%d+1}4-2-5使用了运算表选择20小时30小时后的日期<inputid="d425"class="Wdate"HH:mm',minDate:'%y-%M-%d{%H-20}:%m:%s',maxDate:'%y-%M-%d 自定义限注意:realDateFmtrealTimeFmtdateFmt还可以通过在#F{}中填入你自定义的,做任何你日期限制示例4-3-1前面的日期不能大于后面的日期且两个日期都不2020-10-合同有效期 <inputid="d4311"class="Wdate"type="text"<inputid="d4312"class="Wdate"type="text"$dp.$相当于.geementById函数那么为什么里面的'使用\'呢?那是因为"和'都被的函数使JS#F{$dp.$D(\'d4312\')||\'2020-10-01\'}表示当d43122020-10-014-3-2前面的日期+3大于面的日日期 <inputtype="text"class="Wdate"id="d4321"<inputtype="text"class="Wdate"id="d4322"使用$dp.$D两个参数:id={idobj={4-3-1{M:5,d:7}7{y:1,d:-3}表示13{d:1,H:1}14-3-3前面的日期+32能的日期前面日期都不能2020-4-332日期能大2020-4-住店日期 <inputtype="text"class="Wdate"id="d4331"<inputtype="text"class="Wdate"id="d4332"#F{$dp.$D(\'d4332\',{M:-3,d:-2})||$dp.$DV(\'2020-4-3\',{M:-d4332$dp.$DV(\'2020-4-3\',{M:-3,d:-2})}使用$dp.$DVvalue={obj={对象类型}日期差量用法同上面的$dp.$D类似,如$dp.$DV(\'2020-4-3\',{M:-3,d:-2})表示2020-4-3324-3-4发挥JS才能,定义任何你想要的日期functionrandomDate(){varY=2000+Math.round(Math.random()*10);varM=1+Math.round(Math.random()*11);varD=1+Math.round(Math.random()*27);returnY+'-'+M+'-'+D;}<inputtype="text"class="Wdate"id="d434"onFocus="var(06分别代表周日至周六)4-4-1对应的<inputid="d441"type="text"class="Wdate"4-4-2position属性,自定义弹出<inputid="d442"type="text"class="Wdate"注意:realDateFmtrealTimeFmtdateFmt['2008-02-01','2008-02-29']表示禁用2008-02-01和2008-02-['2008-..-01','2008-02-29']表示禁用2008-所有月份-01和02-['200[0-8]]-02-01','2008-02-29']表示禁用[20002008]-02-和2008-02-['^2006']表示禁用2006%y%M%d%H%m%s注意:%ld['....-..-01','%y-%M-%d']['%y-%M-{%d-1}','%y-%M-{%d+1}']['....-..-..10\:00\:00']10\:4-5-1个月51525<inputid="d451"type="text"class="Wdate"注意:'5$'表示以5结尾注意$4-5-2有早2000-01-01的日<inputid="d452"type="text"class="Wdate"注意:'^19'表示以19开头注意^minDate^4-5-3配合min/maxDate使用,可以把可选择的日期分隔1-38-1016-2426,2729-月<inputid="d453"type="text"class="Wdate"示例4-5-4min/maxDatedisabledDaysdisabledDates配合使用即使在要求非常苛刻的情况下也能满足需求<inputid="d454"type="text"class="Wdate"01',maxDate:'%y-%M-%ld',disabledDates:['0[4-示例4-5-5禁用前一个小时和后一个小时内所有时间使用%y%M%d%H%m%s等变量<inputid="d2a25"type="text"class="Wdate"HH:mm:ss',disabledDates:['%y-%M-%d{%H-1}\:..\:..','%y-%M-%d注意:%y%M%d示例4-5-6#F{}也是可以使用0-23function//产生一个随机的数字0-varH=Math.round(Math.random()*23);if(H<10)H='0'+H;//返回'^'return}<inputtype="text"class="Wdate"id="d456"oppositefalse,true4-6只启个月51525<inputid="d46"type="text"class="Wdate"注意:'5$'表示以5结尾注意$specialDays(06specialDates4-7-1高亮<inputid="d471"type="text"class="Wdate"4-7-2高亮115<inputid="d472"type="text"class="Wdate"自定义事API来做的运算和扩展,绝对可以通过很少的代码满足你及其个性化的需this:dp:指向dp.cal:function(dp){}dponpickingonpicked5-2-1onpicking事件演<inputtype="text"框原来的值为:'+dp.cal.getDateStr()+',要用新选择的值:'+dp.cal.getNewDateStr()+'覆盖吗?'))returntrue;}})"嘛?详见内置函数和属性5-2-2onpicked实现日期选择联日期从 <inputid="d5221"class="Wdate"type="text"onFocus="var至<inputid="d5222"class="Wdate"type="text"注意:$dp.$是一个内置函数,相当于.ge5-2-3将选择的值拆分到文本 <inputtype="text"id="d523_y"size="5"/><inputtype="text"id="d523_M"size="3"/><inputtype="text"id="d523_d"size="3"/><inputtype="text"id="d523_HH"size="3"/><inputtype="text"id="d523_mm"size="3"/><inputtype="text"id="d523_ss"size="3"/><imgonclick="WdatePicker({el:'d523',dateFmt:'yyyy-MM-ddsrc="../../My97DatePicker/skin/datePicker.gif"width="16"height="22"align="absmiddle"style="cursor:pointer"/>function}注意:el:'d523'd523el$dp.$和$dp.cal.getPonclearingoncleared5-3-1onclearing事件取消清空<inputtype="text"class="Wdate"id="d531"的值为:'+this.value+',确实要清空吗?'))returntrue;}})"/>函数体里面没有$dp,所以函数原型里面可以省略参数dp5-3-2cal对象取得当前日期所选择的月份(使用<inputtype="text"class="Wdate"id="d532"5-3-3综合使用两个functionvarclearingFuncfunction(){if(!confirm('日期框的值为:'+this.value+',确实要清空吗?'))returntrue;}varclearedFunc=function(){alert('日期框已被清空');}}<inputtype="text"class="Wdate"id="d533"changing年月日时分秒都有对应的changing和changed事件,分别是:ychangingychangedMchangingMchangeddchangingdchangedHchangingHchangedmchangingmchangedschanging5-4-1年月日改变时弹出信<inputtype="text"class="Wdate"onFocus="WdatePicker({dchanging:cDayFunc,Mchanging:cMonthFunc,ychanging:cYearFunc,dchanged:cDayFunc,Mchanged:cMonthFunc,functioncDayFunc(){}functioncMonthFunc(){}functioncYearFunc(){}functioncFunc(who){varstr,p,c=$dp.cal;str='}elseif(who=='M'){}elseif(who=='d'){}alert(str+'}$dp.cal.date$dp.cal.newdate快速选择功qsEnabledd(quickSel5日期格式必须与realDateFmtrealTimeFmt6-12个静态日<inputc