Avatar billede benjaboy Nybegynder
09. august 2009 - 15:42 Der er 6 kommentarer og
1 løsning

Kalender popup

Hejsa.
Jeg skal have lavet et vel dato flet til en form.
Det skal fungere sådan at der er et felt så ved side af er der en knap/link. Hvis man klikker der kommer der et popup vindue op hvor alle datoerne er i månede plus man kan gå frem og tilbage i måneder i toppen.
eksempel: www.getpen.dk/fejl/datoeks.jpg
Den behøver ikke være meget større.
Men så når man klikker på en dato skal popuppen gå væk igen og så skal datoen stå i feltet. f.eks. 20/05-2009.
Men så når man gemmer formen i en database skal det gemmes som en time() stump.

Nogle der kan hjælpe mig lidt? :)

Mvh Benjamin
Avatar billede Slettet bruger
09. august 2009 - 16:37 #1
Der findes mange af den slags kalendere. Her er en tilfældig:
https://engineering.purdue.edu/ECN/Support/KB/Docs/JavascriptCalendar
Ellers kan du jo prøve at søge på Google efter det:
http://www.google.dk/search?q=javascript+popup+calendar
Avatar billede Slettet bruger
09. august 2009 - 16:39 #2
Hov, det står nederst på siden at den kun må bruges af ansatte og studerende på et bestemt universitet.
Denne her burde være mulig at bruge for alle:
http://webscripts.softpedia.com/script/Calendar-Systems/Time-and-Date/Popup-Calendar-Javascript-23369.html
Avatar billede eXcluzive Nybegynder
09. august 2009 - 20:38 #3
Avatar billede benjaboy Nybegynder
09. august 2009 - 20:55 #4
En der kan hjælpe mig med og sætte en af jeres eksempler op i en form? :)
Syntes din er fed eXcluzive ;)
Avatar billede eXcluzive Nybegynder
09. august 2009 - 21:33 #5
der er nogen demo på siden bare kig i kilde koden.
ellers
    <link rel="stylesheet" href="/js/calendar/calendar-blue.css" type="text/css" />
    <script type="text/javascript" src="/js/calendar/calendar.js"></script>
    <script type="text/javascript" src="/js/calendar/lang/calendar-en.js"></script>
    <script type="text/javascript" src="/js/calendar/calendar-setup.js"></script>

og der hvor du vil viser kalendaren
<input type="text" id="dato" name="dato" readonly="1" />
<img src="/js/calendar/img.gif\" id="trigger" style="cursor: pointer;" title="Date selector" onmouseover="this.style.background='red';" onmouseout="this.style.background=''" />
           
            <script type=\"text/javascript\">
              Calendar.setup(
                {
                  inputField  : \"dato\",        // ID of the input field
                  ifFormat    : \"%Y-%m-%d %H:%M:%S\",    // the date format
                  button      : \"trigger\"      // ID of the button
                }
              );
            </script>
Avatar billede benjaboy Nybegynder
09. august 2009 - 23:12 #6
Fandt denne:
  <head>
    <script src="../src/js/jscal2.js"></script>
    <script src="../src/js/lang/en.js"></script>
    <link rel="stylesheet" type="text/css" href="../src/css/jscal2.css" />
    <link rel="stylesheet" type="text/css" href="../src/css/border-radius.css" />
    <link rel="stylesheet" type="text/css" href="../src/css/steel/steel.css" />
  </head>
  <body>
    <input size="30" id="f_date3" /><button id="f_btn3">...</button><br />


    <script type="text/javascript">//<![CDATA[

      var cal = Calendar.setup({
          onSelect: function(cal) { cal.hide() }
      });
      cal.manageFields("f_btn3", "f_date3", "%e %B %Y");
    //]]></script>
  </body>

Men hvis jeg lægger den i en form så fungere button knappen bare som en submit knap. Hvor dan kan det laves om?
Og lige en ting til. Der er i dato flettet ved siden af skal det vise sådan %e %B %Y men hvordan kan jeg gemme dem som et time stump?

Mvh Benjamin
Avatar billede eXcluzive Nybegynder
09. august 2009 - 23:52 #7
har du prøvet mit setup?
eller vis link til det du laver.
hvis du vil gemme den som timestamp så skal du nok bruge mktime
http://dk2.php.net/manual/en/function.mktime.php
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester