Jakaś normalna data zamiast pola date i time

0

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.

0

A czy dla czasu nie ma i czy są może znaki typu : zamiast / ?

1

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

0

Jeśli chodzi o czas to szukaj timepickerów np: http://timepicker.co/

0

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.

0

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.

0

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.

0

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");
});
0

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>
0

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">
0

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?

0

W innym to jest ten plik

<script src="{{asset('./funkcje.js')}}"></script>
0

W porządku; czy ten plik dołączasz do dokumentu HTML wcześniej czy później niż poprzednie deklaracje?

0

Później na samem końcu.

0

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.

0

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>
0

Rozumiem, że fragmenty {{ asset(...) }} pochodzą z innego języka, z PHP może?

1 użytkowników online, w tym zalogowanych: 0, gości: 1