0

我正在将 dhtmlxcalendar 初始化为文本框。单击日历后，如果我不选择日期，然后单击其他选项卡，则日历不会关闭

var myCalendar = new dhtmlXCalendarObject(["effStartDate"]);
     myCalendar.setDateFormat("%d-%M-%Y");
     myCalendar.setSensitiveRange(new Date(),null);
     document.getElementById("effStartDate").value=  currentDate();

我有一个 dhtmlx 网格，其中一个 cloumn 是日历，如果我没有选择它没有关闭的日期，也会有同样的问题

var responsibilityTaskGrid;
    responsibilityTaskGrid = new dhtmlXGridObject('responsibilityTaskGridBox');
    responsibilityTaskGrid.setImagePath("dhtmlx/dhtmlxGrid/codebase/imgs/");
    responsibilityTaskGrid.setHeader("Responsibility Name,Task UI Name,Effective Start Date,Effective End Date,Status,Edit/Delete,ID");
    responsibilityTaskGrid.setInitWidths("150,*,120,120,80,80,0");
    responsibilityTaskGrid.setColAlign("left,left,center,center,center,center");
    responsibilityTaskGrid.setColTypes("ro,ro,ro,dhxCalendarA,ro,ro,ro");
4

1 回答 1

0

在 DHTMLX 中，他们没有提供该选项。

使用“ESC”键或按照下面提到的代码自定义您的日历对象，

路径：-dhtmlx/dhtmlxCalendar/codebase/dhtmlxcalendar.js

//Declare public variable here


var calObject;

function dhtmlXCalendarObject(inps, skin) {

......

// create base
this.base = document.createElement("DIV");
// After this Code

....



//Code add for place the image in dhtmlx Calendar
    this.base.innerHTML = "<div class='dhtmlxcalendar_month_cont'><ul class='dhtmlxcalendar_line'>" +       
            "<li class='dhtmlxcalendar_cell dhtmlxcalendar_month_hdr'>" +
            "   <div class='dhtmlxcalendar_month_arrow dhtmlxcalendar_month_arrow_right'>" +
            "       <img id='myImg' src='images/icon-close.gif' height='15px' width='15px' onclick='javascript:calClose(this)'/>" +
            "   </div>" +
            "</li>" +           
            "</ul></div>";
//end here

.....



// set init date
this.setDate(this._activeDate);
//After this Code 

.....

**//Code add for assigning object


calObject = this;


}

//Code add for close the calendar
function calClose(elem){    
    calObject.hide();
}

//到此结束

于 2014-07-15T10:30:30.293 回答