This app will auto-detect a user's timezone using JavaScript, then configure Django's timezone localization system accordingly. As a result, dates shown to users will be in their local timezones.
On the first page view you should find that tz_detect places a piece
of asynchronous JavaScript code into your page using the template tag you inserted.
The script will obtain the user's GMT offset using getTimezoneOffset
, and post it
back to Django. The offset is stored in the user's session and Django's timezone awareness is
configured in the middleware.
The JavaScript will not be displayed in future requests.
- Either checkout tz_detect from GitHub, or install using pip:
pip install django-tz-detect
- Add
tz_detect
to your INSTALLED_APPS:
INSTALLED_APPS = (
'tz_detect',
)
- Update your
urls.py
file:
urlpatterns = patterns('',
url(r'^tz-detect/', include('tz_detect.urls')),
...
)
Add the detection template tag to your site, ideally in your base layout just before the
</body>
tag:{% load tz_detect %} {% tz_detect %}
Add
TimezoneMiddleware
toMIDDLEWARE_CLASSES
:
MIDDLEWARE_CLASSES = (
# Django defaults
'django.middleware.common.CommonMiddleware',
'django.contrib.sessions.middleware.SessionMiddleware',
'django.middleware.csrf.CsrfViewMiddleware',
'django.contrib.auth.middleware.AuthenticationMiddleware',
'django.contrib.messages.middleware.MessageMiddleware',
# For tz_detect
'tz_detect.middleware.TimezoneMiddleware',
)
- (Optional) Configure the countries in which your app will be most commonly used:
# These countries will be prioritized in the search
# for a matching timezone. Consider putting your
# app's most popular countries first.
# Defaults to the top Internet using countries.
TZ_DETECT_COUNTRIES = ('CN', 'US', 'IN', 'JP', 'BR', 'RU', 'DE', 'FR', 'GB')
- Django's timezone awareness will not be available on the first page view
- This method requires JavaScript
- Timezone detection is done entirely from the user's GMT offset, not from their location
- A hook to allow the timezone to be stored against a user
- Allow timezones to be manually specified
- Improve timezone detection
- Optionally using HTML5's location API for better timezone determination