как добавить stati c в мои скрипты в django - PullRequest
Новая
       87

как добавить stati c в мои скрипты в django

0 голосов
/ 20 июня 2020

У меня есть datetimepicker, созданный в js, но у меня небольшая проблема с добавлением тега stati c в мою базу. html, если я это сделаю, я не получу то, что я хочу, или то, что я написал в мой js это просто рендеринг обычного html, я хочу, чтобы он был таким, чтобы после щелчка он отображал дату и время, как указано в моем js, вот что я пробовал, все работает отлично кроме выбора даты и времени [here is the view] 1

base. html

## header 

 {% load static %}
<html lang="en">
  <head>
    <title>{% block title %}Jazeera{% endblock title %}</title>
    <meta charset="utf-8">
    <meta name="description" content="{% block meta %}welcome to jazeera medical healthcare {% endblock meta %}">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
   {% block all %}
    <link href="https://fonts.googleapis.com/css?family=Poppins:100,200,300,400,500,600,700,800,900" rel="stylesheet">
    <link rel="stylesheet" href="{% static 'css/open-iconic-bootstrap.min.css' %}">
  
    <link rel="stylesheet" href="{% static 'css/animate.css' %}">
    
    <link rel="stylesheet" href="{% static 'css/owl.carousel.min.css' %}">
    <link rel="stylesheet" href="{% static 'css/owl.theme.default.min.css' %}">
    <link rel="stylesheet" href="{% static 'css/magnific-popup.css' %}">

    <link rel="stylesheet" href="{% static 'css/aos.css' %}">

    <link rel="stylesheet" href="{% static 'css/ionicons.min.css' %}">
    
    <link rel="stylesheet" href="{% static 'css/flaticon.css' %}">
    <link rel="stylesheet" href="{% static 'css/icomoon.css' %}">
    <link rel="stylesheet" href="{% static 'css/styles.css' %}">
      <link rel="stylesheet" href="{% static 'css/font-awesome.min.css' %}">

  </head>

# # нижний колонтитул 

  <script src="{% static 'js/jquery.min.js' %}"></script>
  <script src="{% static 'js/jquery-migrate-3.0.1.min.js' %}"></script>
  <script src="{% static 'js/popper.min.js' %}"></script>
  <script src="{% static 'js/bootstrap.min.js' %}"></script>
  <script src="{% static 'js/jquery.easing.1.3.js' %}"></script>
  <script src="{% static 'js/jquery.waypoints.min.js' %}"></script>
  <script src="{% static 'js/jquery.stellar.min.js' %}"></script>
  <script src="{% static 'js/owl.carousel.min.js' %}"></script>
  <script src="{% static 'js/jquery.magnific-popup.min.js' %}"></script>
  <script src="{% static 'js/aos.js' %}"></script>
  <script src="{% static 'js/jquery.animateNumber.min.js' %}"></script>
  <script src="{% static 'js/scrollax.min.js' %}"></script>
  <script src="{% static 'js/bootstrap-datepicker.js' %}" type="c9dfb692cab9a2d000c13798-text/javascript"></script>
  <script src="{% static 'js/jquery.timepicker.min.js' %}" type="c9dfb692cab9a2d000c13798-text/javascript"></script>
  <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBVWaKrjvy3MaE7SQ74_uJiULgl1JY0H2s&sensor=false"></script>
  <script src="{% static 'js/google-map.js' %}"></script>
  <script src="{% static 'js/main.js' %}"></script>
  <script src="{% static 'js/jquery.js' %}"></script>
  <script src="{% static 'js/jquery.backstretch.min.js' %}"></script>

вот отображаемое изображение

Ответы [ 2 ]

2 голосов
/ 20 июня 2020

Проверьте следующие шаги:

1- проверьте свой settings, чтобы убедиться, что все в нужном месте, примерно так: 

STATIC_URL = '/static/'
STATICFILES_DIRS = (
    os.path.join(BASE_DIR, "static"),
)
STATIC_ROOT = os.path.join(BASE_DIR, 'staticfiles')

2- используйте Инструменты разработчика ( F12), чтобы проверить, загружены ли файлы stati c, не забудьте перезапустить сервер.

3 - убедитесь, что страница, которую вы используете для создания datetime, имеет доступ к родительскому шаблону, на случай вы наследуете, что-то вроде этого: 

other.html

{% extends 'base.html' %}

4- поместите ваши stati c файлы в блок наверху вашей страницы base.html затем добавьте в этот блок с другой унаследованной страницы (если вы реализовали как то, что я сказал в шаге 3) ниже может быть примером: 

base.html

{% block head %}
    .......
{% endblock head %}

other.html

{% block head %}
    <script src="{% static 'js/bootstrap-datepicker.js' %}" type="c9dfb692cab9a2d000c13798-text/javascript"></script>
  <script src="{% static 'js/jquery.timepicker.min.js' %}" type="c9dfb692cab9a2d000c13798-text/javascript"></script>
{% endblock head %}

5- проверьте, что у вас есть следующие наверху страницы: 

{% load staticfiles %}
{% load static %}

И не забывайте, что некоторые libs имеют зависимость, которая должна быть вызвана перед вызовом другого libs, важен порядок вызова.

0 голосов
/ 01 июля 2020

Я сделал это, я добавил его в простой форме и добавил несколько стилей к нему сам 

 <script src="{% static 'js/bootstrap-datepicker.js' %}" type="text/javascript"></script>
  <script src="{% static 'js/jquery.timepicker.min.js' %}" type="text/javascript"></script>
...