Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [js] format daty w bootstrap datepicker
john_doe
post
Post #1





Grupa: Zarejestrowani
Postów: 873
Pomógł: 25
Dołączył: 24.07.2005

Ostrzeżenie: (0%)
-----

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

Ten post edytował john_doe 8.10.2013, 13:41:01
Go to the top of the page
+Quote Post
buliq
post
Post #2





Grupa: Zarejestrowani
Postów: 559
Pomógł: 93
Dołączył: 4.03.2008
Skąd: Olsztyn

Ostrzeżenie: (0%)
-----

https://github.com/dangrossman/bootstrap-da...gepicker.js#L35 (IMG:style_emoticons/default/questionmark.gif)

A może pokażesz jak zmieniasz format?
Go to the top of the page
+Quote Post
rocktech.pl
post
Post #3





Grupa: Zarejestrowani
Postów: 587
Pomógł: 131
Dołączył: 8.02.2010

Ostrzeżenie: (0%)
-----

Hej.

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

[JAVASCRIPT] pobierz, plaintext 
  1. $('#reservationtime').daterangepicker({format:'YYYY.mm.DD'};
[JAVASCRIPT] pobierz, plaintext
Go to the top of the page
+Quote Post
john_doe
post
Post #4





Grupa: Zarejestrowani
Postów: 873
Pomógł: 25
Dołączył: 24.07.2005

Ostrzeżenie: (0%)
-----

no właśnie tego próbowałem (IMG:style_emoticons/default/sad.gif)

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 
  1. <!DOCTYPE html>
  2. <html dir="ltr" lang="en-US">
  3.    <head>
  4.       <meta charset="UTF-8" />
  5.       <title>A date range picker for Twitter Bootstrap</title>
  6.       <link href="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet">
  7.       <link rel="stylesheet" type="text/css" media="all" href="daterangepicker-bs3.css" />
  8.       <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>
  9.       <script type="text/javascript" src="moment.js"></script>
  10.       <script type="text/javascript" src="daterangepicker.js"></script>
  11.    </head>
  12.    <body>
  13.  
  14.  
  15.  
  16.                <form class="form-horizontal">
  17.                  <fieldset>
  18.                   <div class="control-group">
  19.                     <label class="control-label" for="reservation">Reservation dates:</label>
  20.                     <div class="controls">
  21.                      <div class="input-prepend">
  22.                        <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" /> 
  23.                      </div>
  24.                     </div>
  25.                   </div>
  26.                  </fieldset>
  27.                </form>
  28.  
  29.                <script type="text/javascript">
  30.                $(document).ready(function() {
  31.                   $('#reservation').daterangepicker({format:'YYYY-MM-DD'});
  32.                });
  33.                </script>
  34.  
  35.  
  36.  
  37.  
  38.  
  39.  
  40.    </body>
  41. </html>
[HTML] pobierz, plaintext


Ten post edytował john_doe 8.10.2013, 14:33:17
Go to the top of the page
+Quote Post
buliq
post
Post #5





Grupa: Zarejestrowani
Postów: 559
Pomógł: 93
Dołączył: 4.03.2008
Skąd: Olsztyn

Ostrzeżenie: (0%)
-----

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

Ten post edytował buliq 8.10.2013, 14:33:20
Go to the top of the page
+Quote Post
john_doe
post
Post #6





Grupa: Zarejestrowani
Postów: 873
Pomógł: 25
Dołączył: 24.07.2005

Ostrzeżenie: (0%)
-----

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

jednak to nic nie zmienilo (IMG:style_emoticons/default/sad.gif)

moment.js mam dołączony.

Ten post edytował john_doe 8.10.2013, 14:35:03
Go to the top of the page
+Quote Post
buliq
post
Post #7





Grupa: Zarejestrowani
Postów: 559
Pomógł: 93
Dołączył: 4.03.2008
Skąd: Olsztyn

Ostrzeżenie: (0%)
-----

Błagam, buliq...

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

Ten post edytował buliq 8.10.2013, 15:03:44
Go to the top of the page
+Quote Post
john_doe
post
Post #8





Grupa: Zarejestrowani
Postów: 873
Pomógł: 25
Dołączył: 24.07.2005

Ostrzeżenie: (0%)
-----

wiem, na jsfiddle działa a u mnie na lokalu nie
Go to the top of the page
+Quote Post
« Następny starszy · Po stronie przeglądarki · Następny nowszy »
 

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 6.10.2025 - 16:07
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn