Mam takie pytanie czy istnieje jakaś funkcja w jquery albo w css który by umożliwiała wybór daty bo jak się da polu tekstowemu wybór daty to trzeba wpisywać ręcznie no na windowie w foirefoxie można było tą datę wybrać z takiego jakby menu.
A czy dla czasu nie ma i czy są może znaki typu : zamiast / ?
Czymże by to było gdyby nie można było tego czegoś formatować? Tam przecież jest link do API: http://api.jqueryui.com/datepicker/#option-dateFormat
Jeśli chodzi o czas to szukaj timepickerów np: http://timepicker.co/
Jeszcze przy okazji wpadłem na coś takiego http://t00rk.github.io/bootstrap-material-datetimepicker/ I wybrałem Time Picker ściągnąłem pliki z githuba tylko nie działa.
Dodaje do pliku następujące linijki
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css" />
<link rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-material-design/0.5.10/css/bootstrap-material-design.min.css"/>
<link rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-material-design/0.5.10/css/ripples.min.css"/>
<link rel="stylesheet" href="./css/bootstrap-material-datetimepicker.css" />
<link href='http://fonts.googleapis.com/css?family=Roboto:400,500' rel='stylesheet' type='text/css'>
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<script src="https://code.jquery.com/jquery-1.12.3.min.js" integrity="sha256-aaODHAgvwQW1bFOGXMeX+pC4PZIPsvn2h1sArYOhgXQ=" crossorigin="anonymous"></script>
<script type="text/javascript" src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-material-design/0.5.10/js/ripples.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-material-design/0.5.10/js/material.min.js"></script>
<script type="text/javascript" src="https://rawgit.com/FezVrasta/bootstrap-material-design/master/dist/js/material.min.js"></script>
<script type="text/javascript" src="http://momentjs.com/downloads/moment-with-locales.min.js"></script>
<script type="text/javascript" src="./js/bootstrap-material-datetimepicker.js"></script>
I nawet to datepicker nie chcę działać natomiast trochę się zmienia wygląd strony nie widać niektórych elementów.
I nawet to datepicker nie chcę działać natomiast trochę się zmienia wygląd strony nie widać niektórych elementów.
@pol90, jeśli masz problem z datepickerem, "od-akceptuj" odpowiedź @grzesiek51114 (chyba tak się da) i opisz go dokładnie.
Teraz wybrałem coś innego, a mianowiecie timeago tylko jak go podłączam to w konsoli wyskakuje błąd.
TypeError: jQuery(...).timeago is not a function
I to jest w pliku funkcje.php
I to chodzi o tą linijkę
$(document).ready(function(){
$('#czas').timepicker({});
jQuery("time.timeago").timeago();//o ta linijkę.
alert("dobrze");
});
Czy masz te dwie linijki wpisane w takim miejscu, że ładują się wcześniej niż powyższy skrypt?
<script src="jquery.min.js" type="text/javascript"></script>
<script src="jquery.timeago.js" type="text/javascript"></script>
Tak wygląda to wszystko
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<link rel="stylesheet" href="/resources/demos/style.css">
<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<script src="{{asset('./jquery.timeago.js')}}"></script>
<script src="https://cdn.socket.io/socket.io-1.2.0.js"></script>
<script src="http://code.jquery.com/jquery-1.11.1.js"></script>
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<link rel="stylesheet" href="/resources/demos/style.css">
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<link href="{{ asset('./style.css') }}" rel="stylesheet">
<link href="{{ asset('./bootstrap-3/css/bootstrap.min.css') }}" rel="stylesheet">
<script src="//cdnjs.cloudflare.com/ajax/libs/timepicker/1.3.5/jquery.timepicker.min.js"></script>
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/timepicker/1.3.5/jquery.timepicker.min.css">
W porządku; a w którym miejscu wywołujesz funkcję jQuery("time.timeago").timeago();
? Czy w tym samym pliku, co powyższe deklaracje, czy w innym?
W innym to jest ten plik
<script src="{{asset('./funkcje.js')}}"></script>
W porządku; czy ten plik dołączasz do dokumentu HTML wcześniej czy później niż poprzednie deklaracje?
Później na samem końcu.
Ale na samym końcu tego samego pliku HTML, czy innego? To duża różnica.
Żeby nie było, że się czepiam, podam Ci przykład, jak to ja u siebie ostatnio zrobiłem: większość plików .css
oraz .js
dołączam w jednym pliku .php
, pozostałe dołączam w zależności od potrzeb w innych plikach .php
. Żeby było zabawniej, dołączam w ogóle cały pierwszy plik .php
do innego pliku .php
. A w jednym pliku .css
dołączam nawet inne pliki .css
.
To wszystko wygląda tak
<body>
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<link rel="stylesheet" href="/resources/demos/style.css">
<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<script src="{{asset('./jquery.timeago.js')}}"></script>
<script src="https://cdn.socket.io/socket.io-1.2.0.js"></script>
<script src="http://code.jquery.com/jquery-1.11.1.js"></script>
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<link rel="stylesheet" href="/resources/demos/style.css">
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<link href="{{ asset('./style.css') }}" rel="stylesheet">
<link href="{{ asset('./bootstrap-3/css/bootstrap.min.css') }}" rel="stylesheet">
<script src="//cdnjs.cloudflare.com/ajax/libs/timepicker/1.3.5/jquery.timepicker.min.js"></script>
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/timepicker/1.3.5/jquery.timepicker.min.css">
<title>DZIENNIECZEK Nastrojow @yield('title')</title>
</bodY>
<div id="center">
<div id="menu">
<div class="row">
<div class="col-md-12"><div align=center><span class=menu2>DZIENNIECZEK NASTROJO
<script src="{{asset('./funkcje.js')}}"></script>
Rozumiem, że fragmenty {{ asset(...) }}
pochodzą z innego języka, z PHP może?