Avatar billede hans01 Nybegynder
29. december 2011 - 10:14 Der er 12 kommentarer og
1 løsning

Redigering af parameter i date picker

Jeg har downloaded en date picker http://javascriptcalendar.org/javascript-date-picker.php

Jge skal bruge den til at bestemme en ankomst dato, ved leje af en lejlighed.

Nu er der at lejeperioden løber fra Lørdag til Lørdag.

Er der en måde til at ændre parametre i javascriptet så man kun kan vælge lørdag som start dato.
Avatar billede olsensweb.dk Ekspert
29. december 2011 - 11:32 #1
har du overvejet at bruge den originale datepicker fra jquery http://docs.jquery.com/UI/Datepicker
ved den fra jquery kan du sætte en minDate og egså en maxDate hvis du har behov.
metoden må være find først kommende lørdag, sæt den som minDate
http://docs.jquery.com/UI/Datepicker kig på minDate
http://www.simonbattersby.com/blog/jquery-ui-datepicker-select-weeks-only/
Avatar billede hans01 Nybegynder
29. december 2011 - 11:47 #2
Hej ronols

Tusind tak for tipset, jeg kigger lige på den. Jeg valgte den anden da den var den første der dukkede op på google.
Avatar billede olsensweb.dk Ekspert
29. december 2011 - 16:51 #3
org http://www.kelvinluck.com/projects/jquery-date-picker/ senere forfremmet til jquery ui, men bruger du ikke ui i forvejen vil jeg overveje at hente coden herfra
en ting du skal være opærksom på når du roder md datoer i js, er at brugeren kan have sat sit ur anderledes end du regner med, så start datoen skal sættes serverside

et hurtigt eks som du kan starte på,

<!DOCTYPE html>
<html>
  <head>
      <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
      <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css" />
      <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js" type="text/javascript"></script>
      <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js" type="text/javascript"></script>
      <script src="http://jquery-ui.googlecode.com/svn/trunk/ui/i18n/jquery.ui.datepicker-da.js" type="text/javascript"></script>
      <title></title>
      <style type="text/css">
      </style>
  </head>
  <body>
      <script type="text/javascript">
      <?php     
        $dato = strtotime("next saturday");
        $datestr=date("d:m:Y", $dato);
        list($day,$month,$year) = explode(":",$datestr);       
      ?>
/*
datepicker-da.js, setter dansk dato format, og danske dag navne (søn)
setDate see http://stackoverflow.com/questions/2874344/jquery-ui-date-picker-how-to-set-date-in-date-picker-by-get

see http://css.dzone.com/news/jquery-datepicker-set-date eks. month
*/
        // måned -1 da januar er måned 0
      $(function() {       
        $("#datepicker2").datepicker({            
            minDate: new Date(<?php echo $year.", ".$month." - 1, ".$day; ?>),
            maxDate: new Date(<?php echo $year.", ".$month." +2 - 1, ".$day; ?>)
        });       
      });
      </script>
      <div>
        <p>
            Date: <input id="datepicker2" type="text" />
        </p>
      </div><!-- End demo -->
  </body>
</html>

et alternativ til at bruge datepicker-da.js er at includerer
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.7/i18n/jquery-ui-i18n.min.js"></script>
og sætte $.datepicker.setDefaults( $.datepicker2.regional[ "da" ] );


demo på viste code http://olsensweb.dk/test/experten/spm/954116/
source http://olsensweb.dk/test/experten/spm/954116/index.php?source hvis du ikke gider rette alle de link op som E forkorter :(
Avatar billede olsensweb.dk Ekspert
29. december 2011 - 17:59 #4
$dato = strtotime("next saturday");
skal nok laves om til

$now = time();       
if(date('w', $now) == 6){
    $dato = $now;
}       
else{
    $dato = strtotime("next saturday");
}

det kunne jo være idag tilfældigvis er en lørdag :)
Avatar billede hans01 Nybegynder
30. december 2011 - 07:34 #5
Hej Ronols, tusind tak for hjælpen, jeg har rodet lidt med Dp, og ville lige høre om man kan lave den som popup.

Jeg roder lidt videre med den idag.. hvis jeg får fred for konens planer! smil
Avatar billede hans01 Nybegynder
30. december 2011 - 08:32 #6
Ronols kan du fortælle mig hvor jeg ændre på dato formatet fra eks. 12/31/2011 til 2011-12-31 så jeg kan få datoen ind i mysql basen.

Ligeledes, med din seneste kode bliver selv kalenderen ikke så pæn se fil: http://gupl.dk/671092/ hvor ændrer jeg farver og størrelser.
Avatar billede olsensweb.dk Ekspert
30. december 2011 - 23:37 #7
>formatet fra eks. 12/31/2011 til 2011-12-31
kig på commandoen dateFormat: 'yy-mm-dd' http://jqueryui.com/demos/datepicker/#date-formats

$(function() {       
        $.datepicker.setDefaults($.datepicker.regional[ "da" ]);       
        $("#datepicker2").datepicker({            
            minDate: new Date(year, month, day),
            dateFormat: 'yy-mm-dd'
        });               
});


>hvor ændrer jeg farver og størrelser.
http://jqueryui.com/themeroller/
http://jqueryui.com/themeroller/#ffDefault=Trebuchet+MS,+Tahoma,+Verdana,+Arial,+sans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=f6a828&bgTextureHeader=12_gloss_wave.png&bgImgOpacityHeader=35&borderColorHeader=e78f08&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=eeeeee&bgTextureContent=03_highlight_soft.png&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=333333&iconColorContent=222222&bgColorDefault=f6f6f6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=1c94c4&iconColorDefault=ef8c08&bgColorHover=fdf5ce&bgTextureHover=02_glass.png&bgImgOpacityHover=100&borderColorHover=fbcb09&fcHover=c77405&iconColorHover=ef8c08&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=fbd850&fcActive=eb8f00&iconColorActive=ef8c08&bgColorHighlight=ffe45c&bgTextureHighlight=03_highlight_soft.png&bgImgOpacityHighlight=75&borderColorHighlight=fed22f&fcHighlight=363636&iconColorHighlight=228ef1&bgColorError=b81900&bgTextureError=08_diagonals_thick.png&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=666666&bgTextureOverlay=08_diagonals_thick.png&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=01_flat.png&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px
http://forum.jquery.com/topic/using-datepicker-with-different-ui-theme-than-the-rest-of-the-site

hvis du ikke vil lave dato beregningen serverside har jeg lavet det her clientside
http://olsensweb.dk/test/experten/spm/954116/index2.html
men vil stadig anbefale start datoen skal sættes via serverside
Avatar billede hans01 Nybegynder
31. december 2011 - 11:32 #8
@Ronols

Jeg havde kun prøvet med Y-m-d for at få alle 4 cifre i år med..

Prøver lige at kigge i den kodeklump du har postet, tusind tak for hjælpen og godt nytår til dig
Avatar billede olsensweb.dk Ekspert
03. januar 2012 - 17:12 #9
Avatar billede hans01 Nybegynder
05. januar 2012 - 09:35 #10
Hej Ronols

Jeg kigger lige på det om nogle dage, jeg har raget mig en helveds influenza på.
Avatar billede hans01 Nybegynder
12. februar 2012 - 09:15 #11
jeg lukker sp. smid lige et svar
Avatar billede olsensweb.dk Ekspert
12. februar 2012 - 11:43 #12
får du her
Avatar billede hans01 Nybegynder
13. februar 2012 - 05:21 #13
takker mange gange
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

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