關於My97DatePicker時間外掛選擇周的時間格式

喬小南丶發表於2017-05-02

因為最近做週報表的功能 用到了需求選擇周 原來的My97DatePicker外掛根據網路資料只能支援到選擇周 但是由於201753這樣的周格式 外掛是不支援的

導致一些bug 尋找到一個笨方法希望能幫助到一些人 如有更好的方法請留言告訴我 謝謝了


首先周的格式不像其他格式有支援  直接修改dateFmt:'yyyy-MM-dd' 

需要新增一個js

<input  id="d120" type="text"  onfocus="WdatePicker({maxDate:'#F{$dp.$D(\'d122\')}',isShowWeek:true,onpicked:funccc,errDealMode:3})"/>

function funccc(){
$dp.$('d121').value=$dp.cal.getP('y')+$dp.cal.getP('W','WW');
}

這樣雖然會顯示出 201753這樣的 xxxx年xx周的格式  但是會有一個bug就是因為這樣的格式外掛不支援 再次點選文字框會無法關閉外掛

所以我想到的是 將這個文字框放在最上層 並且隱藏 將得到的周格式賦給底下的文字框 其實上層的格式是預設的 dateFmt:'yyyy-MM-dd' 並且隱藏

以下是我的程式碼 希望對大家有幫助

<div class="f-fl" style="position:absolute;">
    <input name="starttime1" id="d120" type="text" style="width:192px;background: #ffffff;position:relative;left:0;border: 0;z-index:99;opacity: 0;"  onfocus="WdatePicker({maxDate:'#F{$dp.$D(\'d123\')}',isShowWeek:true,onpicked:funccc,errDealMode:3})" class="u-ipt f-fl form form-w" value="$!{beginning1}"/>
    <input name="starttime" id="d121"  type="text" style="width:192px;position:relative;left:-213px;z-index:9;" class="u-ipt f-fl form form-w" value="$!{beginning}"/>
</div>
function funccc(){
$dp.$('d121').value=$dp.cal.getP('y')+$dp.cal.getP('W','WW');
}



相關文章