在javascript日曆中的錯誤

我使用下面的代碼來顯示日曆上點擊挑選日期鏈接。在javascript日曆中的錯誤

// JavaScript Document 
//script for date picker 

// You can edit this function if you need the date in a different format 
function format_date_field(y, m, d) { 
    return '' + y + '-' + 
      ((m > 9) ? m : '0' + m) + '-' + 
      ((d > 9) ? d : '0' + d); 
} 



m_list = Array("January", "February", "March", 
       "April", "May",  "June", 
       "July", "August", "September", 
       "October", "November", "December");  
//target = ''; 
targets = Array(); 

function set_date_field(y, m, d, t_idx) { 
    eval(targets[t_idx] + ' = unescape(\'' + escape(format_date_field(y, m, d)) + '\')'); 
} 

function show_cal(target_a) { 
    var d = new Date(); 
    show_cal_m(d.getFullYear(), d.getMonth(), target_a); 
} 

function show_cal_m(y,m, target_a) { 
    t_idx = targets.push(target_a) - 1; 
    write_cal_pop(y,m, open('about:blank','cal_win'+t_idx,'width=175,height=150'), t_idx); 
} 

function write_cal_pop(y,m, cal_win, t_idx) { 
    cal_win.document.open(); 
    cal_win.document.writeln('<html><head><title>Date Picker</title>'); 
    cal_win.document.writeln('<style type="text/css">'); 
    cal_win.document.writeln('td {'); 
    cal_win.document.writeln(' font-family: Verdana, Arial, Helvetica, sans-serif;'); 
    cal_win.document.writeln(' font-size: 9pt;'); 
    cal_win.document.writeln(' color: #000000;'); 
    cal_win.document.writeln(' background-color: #CCCCCC;'); 
    cal_win.document.writeln(' text-align: center;'); 
    cal_win.document.writeln('}'); 
    cal_win.document.writeln('th {'); 
    cal_win.document.writeln(' font-family: Verdana, Arial, Helvetica, sans-serif;'); 
    cal_win.document.writeln(' font-size: 9pt;'); 
    cal_win.document.writeln(' color: #000000;'); 
    cal_win.document.writeln(' background-color: #CC0000;'); 
    cal_win.document.writeln(' text-align: center;'); 
    cal_win.document.writeln('}'); 
    cal_win.document.writeln('a {'); 
    cal_win.document.writeln(' color: #000000;'); 
    cal_win.document.writeln(' text-decoration: none;'); 
    cal_win.document.writeln('}'); 
    cal_win.document.writeln('</style></head><body leftmargin=2 topmargin=2 marginwidth=2 marginheight=2>'); 


    var one_day  = 1000 * 60 * 60 * 24; 
    //var next_month = (m==11) ? 0 : m + 1; 

    d = new Date(y,m,1, 0,0,0,0); 
    d = new Date(d.valueOf() - (one_day * 6)); 

    while (d.getDay() != 1) { 
     d = new Date(d.valueOf() + one_day); 
    } 

    cal_win.document.writeln('<table align="center" width="100%" height="100%">'); 
    cal_win.document.writeln('<tr>'); 

    //PREV 
    cal_win.document.write('<th><a href="javascript: opener.write_cal_pop('); 
    if (m==0) { cal_win.document.write((y-1) + ', 11'); } 
    else  { cal_win.document.write(y + ', ' + (m-1)); } 
    cal_win.document.writeln(', self, ' + t_idx + ');">&lt;</a></td>'); 

    //CUR. 
    cal_win.document.writeln('<th colspan=5><b>' + m_list[m] + ' ' + y + '</b></td>'); 

    //NEXT 
    cal_win.document.write('<th><a href="javascript: opener.write_cal_pop('); 
    if (m==11) { cal_win.document.write((y+1) + ', 0'); } 
    else  { cal_win.document.write(y + ', ' + (m+1)); } 
    cal_win.document.writeln(', self, ' + t_idx + ');">&gt;</a></td>'); 

    cal_win.document.writeln('</tr>'); 

    //day of week header 
    cal_win.document.writeln('<tr><th>M</th><th>T</th><th>W</th><th>T</th><th>F</th><th>S</th><th>S</th></tr>'); 

    //DAYS 
    day_count = 0; 
    while (day_count < 42) { 
     day_count++ 

     if (d.getDay() == 1) { cal_win.document.writeln('<tr>'); } 
     cal_win.document.writeln('<td>' + (d.getMonth()==m ? '<b>' : '')); 
     cal_win.document.writeln('<a href="javascript: opener.set_date_field(' + 
       d.getFullYear() + ', ' + (d.getMonth()+1) + ', ' + d.getDate() + 
       ', ' + t_idx + '); self.close();">' + d.getDate() + '</a>'); 

     cal_win.document.writeln(d.getMonth()==m ? '</b></td>' : '</td>'); 
     //next 
     //d = new Date(d.valueOf() + one_day); //replaced to stop double day in oct error 
     d.setDate(d.getDate() + 1); 
     //if (d.getMonth() == next_month && d.getDay() == 1) { break; } 
    } 


    cal_win.document.writeln('</table>'); 
    cal_win.document.writeln('</body></html>'); 
    cal_win.document.close(); 
}

在我的php頁面中，我使用了下面的代碼。

<td><input type="text" name="joining" id="joining"/> 
        <a href="javascript: show_cal('document.admission_form.joining.value')">pick date</a></td> 
      </tr>

如果我點擊挑選日期鏈接，日曆將在新窗口中打開。我需要在同一頁面的輸入欄附近打開壓光機。我怎樣才能做到這一點？

來源

2012-01-24 designersvsoft

找到一個不需要window.open的新日曆！大量的插件可供選擇。 – epascarello

更換

<td><input type="text" name="joining" id="joining"/> 
       <a href="javascript: show_cal('document.admission_form.joining.value')">pick date</a></td> 
     </tr>

隨着

<td><input type="text" name="joining" id="joining"/> 
       <a href="#" onclick="show_cal('document.admission_form.joining.value')">pick date</a></td> 
     </tr>

基本上第一個變化是href標記，它的值改爲「＃」，宣佈這是一個錨頁面（見HREF錨）因爲它沒有進行是一個冗餘鏈接。第二個變化是將你的日曆顯示功能移動到事件監聽器。

來源

2012-01-24 05:28:54 CBusBus

它仍然不起作用 – designersvsoft

這條線會導致網頁在新窗口中打開

write_cal_pop(y,m, open('about:blank','cal_win'+t_idx,'width=175,height=150'), t_idx);

你調用open（）命令，它會打開一個新的窗口，或者如果該名稱的窗口已經打開，覆蓋它的內容。您需要將內容寫入當前DOM中的DOM元素（這可能是您在頁面中指定用於顯示日曆的div）。

來源

2012-01-24 05:33:51 Rene

非常快和粗糙修復了javascript（最好是使用jQuery +的DatePicker，例如，如圖http://jqueryui.com/demos/datepicker/）修改函數「show_cal」，「show_cal_m」和「set_date_field」，並添加額外的功能：

function set_date_field(y, m, d, t_idx) { 
    targets[t_idx].value = format_date_field(y, m, d); 
} 

function show_cal(obj, target_a) { 
    var d = new Date(); 
    show_cal_m(obj, d.getFullYear(), d.getMonth(), target_a); 
} 

function show_cal_m(obj, y,m, target_a) { 
    t_idx = targets.push(target_a) - 1; 
    var ifr = document.createElement('iframe'); 
    ifr.style.width = '175px'; 
    ifr.style.height = '150px'; 
    ifr.style.position = 'absolute'; 
    var pos = findPos(obj); 
    ifr.style.top = pos[1]; 
    ifr.style.left = pos[0]; 
    ifr.id = 'calendar'; 
    document.body.appendChild(ifr); 
    ifr = (ifr.contentWindow) ? ifr.contentWindow : (ifr.contentDocument.document) ? ifr.contentDocument.document : ifr.contentDocument; 
    write_cal_pop(y,m, ifr, t_idx); 
} 

function closeCalendar() { 
    document.body.removeChild(document.getElementById('calendar'));  
} 

function findPos(obj) { 
    var curleft = curtop = 0; 
    if (obj.offsetParent) { 
     curleft = obj.offsetLeft 
     curtop = obj.offsetTop 
     while (obj = obj.offsetParent) { 
      curleft += obj.offsetLeft 
      curtop += obj.offsetTop 
     } 
    } 
    return [curleft,curtop]; 
}

修改代碼：

cal_win.document.writeln('<a href="javascript: parent.set_date_field(' + 
       d.getFullYear() + ', ' + (d.getMonth()+1) + ', ' + d.getDate() + 
       ', ' + t_idx + '); parent.closeCalendar();">' + d.getDate() + '</a>');

並撥打電話

<a href='#' onclick="show_cal(this, document.admission_form.joining); return false;">pick date</a>

來源

2012-01-24 06:20:56 Cheery

在javascript日曆中的錯誤

回答

相關問題