时间控件WdatePicker

避免xsl特殊字符
//限制最大时间
        function LimitMaxDate(maxDateID) {
            WdatePicker({ maxDate: '#F{$dp.$D(\'' + maxDateID + '\')}' });
        }
        //限制最小时间
        function LimitMinDate(minDateID) {
            WdatePicker({ minDate: '#F{$dp.$D(\'' + minDateID + '\')}' });
        }


//审核时间变换时间
        function ChangeAuditDate(startId, endId, dayId) {
            var startTime = new Date(Date.parse($("#" + startId).val().replace(/-/g, "/"))).getTime();
            var endTime = new Date(Date.parse($("#" + endId).val().replace(/-/g, "/"))).getTime();
            if (startTime != "" && endTime != "") {
                var dates = Math.abs((startTime - endTime)) / (1000 * 60 * 60 * 24) + 1;
                $("#" + dayId).val(dates);
            }
        }

<input id="d12" type="text"/>
<img onclick="WdatePicker({el:'d12'})" src="../skin/datePicker.gif" width="16" height="22" align="absmiddle">
注意:只需要传入控件的id即可

示例1-2-2 利用onpicked事件把周赋值给另外的文本框

   您选择了第 (W格式)周, 另外您可以使用WW格式: 周
<input type="text" class="Wdate" id="d122" onFocus="WdatePicker({isShowWeek:true,onpicked:function() {$dp.$('d122_1').value=
$dp.cal.getP('W','W');$dp.$('d122_2').value=$dp.cal.getP('W','WW');}})"/>

设置readOnly属性 truefalse 可指定日期框是否只读
设置highLineWeekDay属性 ture 或 false 可指定是否高亮周末 
清空按钮和今天按钮,可以根据需要进行自定义,它们分别对应 isShowClear 和 isShowToday 默认值都是true
使用positon属性指定,弹出日期的坐标为{left:100,top:50}

各个国家的习惯不同,有些喜欢以星期日作为第一天,有些以星期一作为第一天.
相关属性:firstDayOfWeek: 可设置 0 - 6 的任意一个数字,0:星期日 1:星期一 以此类推

默认的起始日期为 1980-05-01
当日期框为空值时,将使用 1980-05-01 做为起始日期
<input type="text" id="d221" onFocus="WdatePicker({startDate:'1980-05-01'})"/>

当日期框无论是何值,始终使用 1980-05-01 做为起始日期
<input type="text" id="d222" onFocus="WdatePicker({startDate:'1980-05-01',alwaysUseStartDate:true})"/>

下例演示,年月日使用当年当月的1日,时分秒使用00:00:00作为起始时间
<input type="text" id="d233" onFocus="WdatePicker({startDate:'%y-%M-01 00:00:00',dateFmt:'yyyy-MM-dd HH:mm:ss',alwaysUseStartDate:true})"/>

示例4-1-2 限制日期的范围是 2008-3-8 11:30:002008-3-10 20:59:3
<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"/>

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

 

posted @ 2021-09-07 13:59  疯狂阿坤  阅读(1450)  评论(0编辑  收藏  举报