Get started with tempus-dominus CDN

MIT licensed

Tempus-dominus: popular open-source Calendar plugin for Bootstrap with date-time picker.

Tags:
  • datepicker
  • datetimepicker
  • timepicker

Stable version

Copied!

How to start using tempus-dominus CDN


<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/tempusdominus-bootstrap-4@5.0.0/css/tempusdominus-bootstrap.min.css">
    <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js"></script>
    <script src="https://cdn.cdnhub.io/tempus-dominus/6.9.5/js/tempus-dominus.js"></script>
</head>
<body>
    <div class="container mt-5">
        <label for="datetimepicker">Select a date and time:</label>
        <input type="text" id="datetimepicker" class="form-control" />
    </div>

    <script>
        $(function() {
            $('#datetimepicker').datetimepicker({
                format: 'L'
            });
        });
    </script>
</body>
</html>

All versions