'How to schedule posts for carousel in templates using django?

I'm having a hard time to come up with a solution on how to schedule posts for bootstrap carousel with dynamic data in django.

Example:

I created a post for Jan. 1 - Jan. 30 if today is Feb. 1 the post should not be visible on the carousel and vice-versa.

Models.py

class Carousel(models.Model):

above_text = models.CharField(max_length=200, null=True)
below_text = models.CharField(max_length=200, null=True)
image = models.ImageField(upload_to='static/website/images/profile-images', null=True)
created_at = models.DateTimeField(auto_now_add=True)
updated_at = models.DateTimeField(auto_now=True)
date_start = models.DateTimeField(null=True)
date_end = models.DateTimeField(null=True)

class Meta: 
    verbose_name_plural = 'Carousel'

def __str__(self):
    return f'{self.above_text} Carousel'

Views.py

def index(request):

car = Carousel.objects.all()
faq = FAQ.objects.all()
team = Team.objects.all()
about = About.objects.all()

context = {

    'car' : car,
    'faq' : faq,
    'team': team,
    'about' : about,


}

template_name = 'main/index.html'
return render(request, template_name, context)

Template

              <div class="carousel-inner">
                {% for car in car %}
                <div class="carousel-item {% if forloop.counter0 == 0%} active {% endif %}" data-interval="2">
                    <div class="img-caro">
                        <img src="{{car.image}}" class="img-responsive">
                    </div>
                    <div class="container">
                        <h1>{{car.above_text}}</h1>
                        <p>{{car.below_text}}</p>
                    </div>
                </div>
                {% endfor %}
            </div>
            


Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source