Tolong pilih kategori sesuai, jenis posting (diskusi atau bukan) dan sertakan tag/topik yang sesuai seperti komputer, java, php, mysql, dll. Promosi atau posting tidak pada tempatnya akan kami hapus!
- Bagi Anda yang ingin mendaftar, baca link berikut:
http://diskusiweb.com/discussion/50491/how-to-registrasi-diskusiweb-com-baca-ini-terlebih-dahulu
- Cara menyisipkan kode program supaya tampil rapi dan terformat dengan baik di diskusiweb.com: http://www.diskusiweb.com/discussion/50415/cara-menyisipkan-kode-program-di-diskusiweb-com
- Cara posting gambar/image di post Anda: http://www.diskusiweb.com/discussion/47345/cara-menyisipkan-menyertakan-image-pada-posting/p1

date picker hari dd/mm/yyy

om2 sekalian ada yang punya ga JS-nya untuk biar bisa munculin di 2 input box yang
1. hari (indonesia)
2. dd/mm/yyyy

saya adanya cuma yang dd/mm/yyyy
sekalian manualnya ya Om2 sekalian...hehe...:)
tararengkyu....:)

Comments

  • harinya bisa milih?
    lha gimana, hari kan tergantung tanggal...
    kalo cuma sekedar info hari apa utk tanggal berapa sih bisa, tapi gak perlu milih

    btw, date picker, cari aja di dynamicdrive,
    bentuknya kan sudah kalender popup per bulan, otomatis nama hari juga muncul sbg header popup kalender-nya
  • Ya tinggal di modif aja jeng
  • gimana modif nya Om2 sekalian...:(
  • Coba script ini mungkin bisa ngebantu
    SIMPAN dgn index.html

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML><HEAD><TITLE>calendar popup</TITLE>
    <META http-equiv=Content-Type content="text/html; charset=windows-1252">
    <STYLE type=text/css>BODY {
    BACKGROUND: #52616f; COLOR: white
    }
    A {
    COLOR: white
    }
    </STYLE>

    <STYLE>INPUT {
    BORDER-RIGHT: #ababab 1px solid; BORDER-TOP: #ababab 1px solid; BORDER-LEFT: #ababab 1px solid; BORDER-BOTTOM: #ababab 1px solid
    }
    </STYLE>

    <META content="MSHTML 6.00.5730.13" name=GENERATOR></HEAD>
    <BODY style="FONT: 14px/20px Verdana">
    <FORM action="">
    <TABLE style="FONT: bold 14px/20px Verdana" cellPadding=5>
    <TBODY>
    <TR>
    <TD>Name</TD>
    <TD><INPUT></TD></TR>
    <TR>
    <TD>Date of birth</TD>
    <TD><INPUT onfocus=this.select();lcs(this)
    onclick=event.cancelBubble=true;this.select();lcs(this) value=dd/mm/yy>
    </TD></TR></TBODY></TABLE><INPUT type=submit value="A test submit button"></FORM>
    <SCRIPT type=text/javascript> filePath = 'cal/images/';</SCRIPT>

    <SCRIPT
    src="cal/cal.js"
    type=text/javascript></SCRIPT>
    </BODY></HTML>


    SIMPAN dgn cal.js

    function getObj(objID)
    {
    if (document.getElementById) {return document.getElementById(objID);}
    else if (document.all) {return document.all[objID];}
    else if (document.layers) {return document.layers[objID];}
    }

    function checkClick(e) {
    e?evt=e:evt=event;
    CSE=evt.target?evt.target:evt.srcElement;
    if (getObj('fc'))
    if (!isChild(CSE,getObj('fc')))
    getObj('fc').style.display='none';
    }

    function isChild(s,d) {
    while(s) {
    if (s==d)
    return true;
    s=s.parentNode;
    }
    return false;
    }

    function Left(obj)
    {
    var curleft = 0;
    if (obj.offsetParent)
    {
    while (obj.offsetParent)
    {
    curleft += obj.offsetLeft
    obj = obj.offsetParent;
    }
    }
    else if (obj.x)
    curleft += obj.x;
    return curleft;
    }

    function Top(obj)
    {
    var curtop = 0;
    if (obj.offsetParent)
    {
    while (obj.offsetParent)
    {
    curtop += obj.offsetTop
    obj = obj.offsetParent;
    }
    }
    else if (obj.y)
    curtop += obj.y;
    return curtop;
    }

    document.write('<table id="fc" style="position:absolute;border-collapse:collapse;background:#FFFFFF;border:1px solid #ABABAB;display:none" cellpadding=2>');
    document.write('<tr><td style="cursor:pointer" onclick="csubm()"><img src="'+filePath+'arrowleftmonth.gif"></td><td colspan=5 id="mns" align="center" style="font:bold 13px Arial"></td><td align="right" style="cursor:pointer" onclick="caddm()"><img src="'+filePath+'arrowrightmonth.gif"></td></tr>');
    document.write('<tr><td align=center style="background:#ABABAB;font:12px Arial">S</td><td align=center style="background:#ABABAB;font:12px Arial">M</td><td align=center style="background:#ABABAB;font:12px Arial">T</td><td align=center style="background:#ABABAB;font:12px Arial">W</td><td align=center style="background:#ABABAB;font:12px Arial">T</td><td align=center style="background:#ABABAB;font:12px Arial">F</td><td align=center style="background:#ABABAB;font:12px Arial">S</td></tr>');
    for(var kk=1;kk<=6;kk++) {
    document.write('<tr>');
    for(var tt=1;tt<=7;tt++) {
    num=7 * (kk-1) - (-tt);
    document.write('<td id="v' + num + '" style="width:18px;height:18px">&nbsp;</td>');
    }
    document.write('</tr>');
    }
    document.write('</table>');

    document.all?document.attachEvent('onclick',checkClick):document.addEventListener('click',checkClick,false);


    // Calendar script
    var now = new Date;
    var sccm=now.getMonth();
    var sccy=now.getFullYear();
    sccy = sccy-2;
    var ccm=now.getMonth();
    var ccy=now.getFullYear();

    var updobj;
    function lcs(ielem) {
    updobj=ielem;
    getObj('fc').style.left=Left(ielem);
    getObj('fc').style.top=Top(ielem)+ielem.offsetHeight;
    getObj('fc').style.display='';

    // First check date is valid
    curdt=ielem.value;
    curdtarr=curdt.split('/');
    isdt=true;
    for(var k=0;k<curdtarr.length;k++) {
    if (isNaN(curdtarr[k]))
    isdt=false;
    }
    if (isdt&(curdtarr.length==3)) {
    ccm=curdtarr[1]-1;
    ccy=curdtarr[2];
    prepcalendar(curdtarr[0],curdtarr[1]-1,curdtarr[2]);
    }

    }

    function evtTgt(e)
    {
    var el;
    if(e.target)el=e.target;
    else if(e.srcElement)el=e.srcElement;
    if(el.nodeType==3)el=el.parentNode; // defeat Safari bug
    return el;
    }
    function EvtObj(e){if(!e)e=window.event;return e;}
    function cs_over(e) {
    evtTgt(EvtObj(e)).style.background='#FFCC66';
    }
    function cs_out(e) {
    evtTgt(EvtObj(e)).style.background='#C4D3EA';
    }
    function cs_click(e) {
    updobj.value=calvalarr[evtTgt(EvtObj(e)).id.substring(1,evtTgt(EvtObj(e)).id.length)];
    getObj('fc').style.display='none';

    }

    var mn=new Array('JAN','FEB','MAR','APR','MAY','JUN','JUL','AUG','SEP','OCT','NOV','DEC');
    var mnn=new Array('31','28','31','30','31','30','31','31','30','31','30','31');
    var mnl=new Array('31','29','31','30','31','30','31','31','30','31','30','31');
    var calvalarr=new Array(42);

    function f_cps(obj) {
    obj.style.background='#C4D3EA';
    obj.style.font='10px Arial';
    obj.style.color='#333333';
    obj.style.textAlign='center';
    obj.style.textDecoration='none';
    obj.style.border='1px solid #6487AE';
    obj.style.cursor='pointer';
    }

    function f_cpps(obj) {
    obj.style.background='#C4D3EA';
    obj.style.font='10px Arial';
    obj.style.color='#ABABAB';
    obj.style.textAlign='center';
    obj.style.textDecoration='line-through';
    obj.style.border='1px solid #6487AE';
    obj.style.cursor='default';
    }

    function f_hds(obj) {
    obj.style.background='#FFF799';
    obj.style.font='bold 10px Arial';
    obj.style.color='#333333';
    obj.style.textAlign='center';
    obj.style.border='1px solid #6487AE';
    obj.style.cursor='pointer';
    }

    // day selected
    function prepcalendar(hd,cm,cy) {
    now=new Date();
    sd=now.getDate();
    td=new Date();
    td.setDate(1);
    td.setFullYear(cy);
    td.setMonth(cm);
    cd=td.getDay();
    getObj('mns').innerHTML=mn[cm]+ ' ' + cy;
    marr=((cy%4)==0)?mnl:mnn;
    for(var d=1;d<=42;d++) {
    f_cps(getObj('v'+parseInt(d)));
    if ((d >= (cd -(-1))) && (d<=cd-(-marr[cm]))) {
    dip=((d-cd < sd)&&(cm==sccm)&&(cy==sccy));
    htd=((hd!='')&&(d-cd==hd));
    if (dip)
    f_cpps(getObj('v'+parseInt(d)));
    else if (htd)
    f_hds(getObj('v'+parseInt(d)));
    else
    f_cps(getObj('v'+parseInt(d)));

    getObj('v'+parseInt(d)).onmouseover=(dip)?null:cs_over;
    getObj('v'+parseInt(d)).onmouseout=(dip)?null:cs_out;
    getObj('v'+parseInt(d)).onclick=(dip)?null:cs_click;

    getObj('v'+parseInt(d)).innerHTML=d-cd;
    calvalarr[d]=''+(d-cd)+'/'+(cm-(-1))+'/'+cy;
    }
    else {
    getObj('v'+d).innerHTML='&nbsp;';
    getObj('v'+parseInt(d)).onmouseover=null;
    getObj('v'+parseInt(d)).onmouseout=null;
    getObj('v'+parseInt(d)).style.cursor='default';
    }
    }
    }

    prepcalendar('',ccm,ccy);
    //getObj('fc'+cc).style.visibility='hidden';

    function caddm() {
    marr=((ccy%4)==0)?mnl:mnn;

    ccm+=1;
    if (ccm>=12) {
    ccm=0;
    ccy++;
    }
    cdayf();
    prepcalendar('',ccm,ccy);
    }

    function csubm() {
    marr=((ccy%4)==0)?mnl:mnn;

    ccm-=1;
    if (ccm<0) {
    ccm=11;
    ccy--;
    }
    cdayf();
    prepcalendar('',ccm,ccy);
    }

    function cdayf() {
    if ((ccy>sccy)|((ccy==sccy)&&(ccm>=sccm)))
    return;
    else {
    ccy=sccy;
    ccm=sccm;
    cfd=scfd;
    }
    }

Sign In or Register to comment.