Forum PHP.pl > [js] format daty w bootstrap datepicker

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [js] format daty w bootstrap datepicker

Forum PHP.pl > Forum > Po stronie przeglądarki

john_doe

8.10.2013, 13:35:19

tutaj znalazłem bardzo fajny range date picker.
wszystko już dostosowałem do swoich potrzeb jednak mam problem z formatem daty.
Chciałby usyskać yyyy-mm-dd lub yyyy/mm/dd

teraz jest mm/dd/yyyy

w zwykłym boostrapowym datepicker`ze można to sobie spokojnie zrobić. Jednak gdy tutaj podmienię na porządany format po kliknięciu w inputa mam rok 0004

czy może ktoś zerknąć w ten dodatek?

jsfiddle

buliq

8.10.2013, 13:41:23

https://github.com/dangrossman/bootstrap-da...gepicker.js#L35

A może pokażesz jak zmieniasz format?

rocktech.pl

8.10.2013, 13:50:20

Hej.

Na stronie jest przykład, który chyba przegapiłeś ...

[JAVASCRIPT] pobierz, plaintext 
$('#reservationtime').daterangepicker({format:'YYYY.mm.DD'};
[JAVASCRIPT] pobierz, plaintext

john_doe

8.10.2013, 14:00:54

no właśnie tego próbowałem

efekt jest taki, że w inputa pakuje się "0003.18.07 - 0003.23.28"

i to samo w tym wyskakującym kalendarzu, jest np. "Sty 0003"

Jeszcze w tej chwili ściągnąłem to wszystko gitHuba aby wykluczyć jakieś moje wcześniejsze modyfikacje. I dla tego 1szego pola ustawiłem format i... resztę już znacie

to jest mój skrypt

[HTML] pobierz, plaintext 
<!DOCTYPE html>
<html dir="ltr" lang="en-US">
   <head>
      <meta charset="UTF-8" />
      <title>A date range picker for Twitter Bootstrap</title>
      <link href="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet">
      <link rel="stylesheet" type="text/css" media="all" href="daterangepicker-bs3.css" />
      <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>
      <script type="text/javascript" src="moment.js"></script>
      <script type="text/javascript" src="daterangepicker.js"></script>
   </head>
   <body>
 
 
 
               <form class="form-horizontal">
                 <fieldset>
                  <div class="control-group">
                    <label class="control-label" for="reservation">Reservation dates:</label>
                    <div class="controls">
                     <div class="input-prepend">
                       <span class="add-on"><i class="glyphicon glyphicon-calendar icon-calendar"></i></span><input type="text" style="width: 200px" name="reservation" id="reservation" value="03/18/2013 - 03/23/2013" /> 
                     </div>
                    </div>
                  </div>
                 </fieldset>
               </form>
 
               <script type="text/javascript">
               $(document).ready(function() {
                  $('#reservation').daterangepicker({format:'YYYY-MM-DD'});
               });
               </script>
 
 
 
 
 
 
   </body>
</html>
[HTML] pobierz, plaintext

buliq

8.10.2013, 14:30:13

http://msdn.microsoft.com/en-us/library/ie...0(v=vs.94).aspx

mm to minuty

A tutaj klasa do obsługi czasu w tym rozwiązaniu: https://github.com/dangrossman/bootstrap-da...aster/moment.js

john_doe

8.10.2013, 14:34:01

racja bulig, zgadza się, wyedytowałem mój post powyżej aby podmienić mm na MM

jednak to nic nie zmienilo

moment.js mam dołączony.

buliq

8.10.2013, 14:59:18

Błagam, buliq...

http://jsfiddle.net/SvgwT/1/
co tu nie działa?

john_doe

8.10.2013, 15:03:08

wiem, na jsfiddle działa a u mnie na lokalu nie

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.