國際物流云商系統(tǒng)daymy97使用手冊

簡目前的版本是注意事 My97DatePicker.htm 及文件的用途W(wǎng)datePicker.jsxx_WdatePicker.jsconfig.js語言和皮膚配置文件,無需引入calendar.js日期庫主文件,無需引入My97DatePicker.htmlangskin當WdatePicker.js里的屬性:$wdate=true時,在input里加上class="Wdate"就會在選擇框右邊出現(xiàn)日期圖標,如果您不喜歡這個樣式,可以把class="Wdate"去掉,另外也可以通過修改skin WdatePicker.css文件來修改樣式支持的瀏覽IE6.0+,Firefox2.0+,Chrome,Opera9.5+,Safari注意:IE8.0IE8必附上能再現(xiàn)你的問題的HTML代碼包能及示常規(guī)功如:<img><div>WdatePicker1-1-1常規(guī)<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:規(guī)定第一個星期四為第一周,默認值: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的任意一個數(shù)字,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取得系統(tǒng)可識別的日期值(重要類似于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元年),可實現(xiàn)年日歷和其他特殊日歷示例2-8年演<inputtype="text"id="d28"yyyyearOffset(默認值為:1911),如果是年使用默認值即可無需另外配2-9日期和時間的編輯演2000-02-2901:00:00變?yōu)?000-01-2901:00:00日期框設置為disabled時,更改日期(不彈出選擇框)如果沒有定義onpicked事件,自動觸本框的onchange事件onclearedonchangereadOnlyhighLineWeekDayclass="Wdate"就會在選擇框右邊出現(xiàn)日期圖標多語言和自定義皮langWdatePicker.js3-1多語言<inputid="d311"class="Wdate"type="text"

id="d312"class="Wdate"<inputid="d313"class="Wdate"type="text" lang='auto',設置中強制某種語言,即:可以通過代碼控制語言的選擇,其實這個實現(xiàn)起來是很容易的,My97Datepickercn_WdatePicker.js,en_WdatePicker.js(注意命名規(guī)則,必須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函數(shù)那么為什么里面的'使用\'呢?那是因為"和'都被的函數(shù)使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兩個參數(shù):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發(fā)揮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配合使用即使在要求非?？量痰那闆r下也能滿足需求<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//產生一個隨機的數(shù)字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;}})"嘛?詳見內置函數(shù)和屬性5-2-2onpicked實現(xiàn)日期選擇聯(lián)日期從 <inputid="d5221"class="Wdate"type="text"onFocus="var至<inputid="d5222"class="Wdate"type="text"注意:$dp.$是一個內置函數(shù),相當于.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;}})"/>函數(shù)體里面沒有$dp,所以函數(shù)原型里面可以省略參數(shù)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個靜態(tài)日<inputc