Stack Overflow
Stack Overflow

Questions tagged [tempus-dominus-datetimepicker]

Tempus Dominus is the new version of Eonasdan datetimepicker. It supports Bootstrap 3 and Bootstrap 4 and it has is completely rewritten in ES6. For just a datepicker, see [tag:bootstrap-datepicker]; use [tag:eonasdan-datetimepicker] for the previous version (only Bootstrap 3).

Tempus Dominus is the new version of Eonasdan datetimepicker.

It supports Bootstrap 3, Bootstrap 4 and possibly other UI frameworks. This new version has been completely rewritten in ES6 and uses Babel to transpile the code down.

For more info see https://github.com/Eonasdan/tempus-dominus

Basic sample

<div class="row">
  <div class="col-sm-6">
    <div class="form-group">
      <div class="input-group date" id="datetimepicker1" data-target-input="nearest">
        <input type="text" class="form-control datetimepicker-input" data-target="#datetimepicker1"/>
        <span class="input-group-addon" data-target="#datetimepicker1" data-toggle="datetimepicker">
          <span class="glyphicon glyphicon-calendar"></span>
        </span>
      </div>
    </div>
  </div>
</div>

$(function () {
  $('#datetimepicker1').datetimepicker();
});
116 questions
2
votes
0 answers

Tempus Dominus Datepicker widget not cloning properly in Django Model Formset when using Dynamic Formset Library

I have a model formset set up using Django Dynamic Formset along with Crispy Forms and the Tempus Dominus datepicker library. It's a simple formset for users to add operating expense line entries -- date, category, description, and amount. My…
youreabear
  • 21
  • 3
2
votes
1 answer

Bootstrap-tempus-dominus styling colors

I'm using bootstrap-tempus-dominus for Datetimepickers in my application. How can I change the color of the displayed month and day's names with css
Y JRB
  • 451
  • 5
  • 14
2
votes
3 answers

How to fix "Uncaught TypeError: Cannot read property 'format' of undefined" at Tempus Dominus datetimepicker?

I have used Tempus Dominus Bootstrap 4 for my date time picker. When user put invalid value on the input and focus out(click outside of the component), it gets Uncaught TypeError: Cannot read property 'format' of undefined. But, expected behavior…
user1896653
  • 3,247
  • 14
  • 49
  • 93
2
votes
2 answers

Inspect the dropdown menu of Bootstrap4 datetimepicker?

I am trying to inspect the elements in the dropdown menu of this datetimepicker. However, whenever I click anywhere the dropdown closes even when forcing the focus state. I am on a Mac and using Chrome. Thanks in advance for your help!
GBeck
  • 392
  • 7
  • 20
2
votes
3 answers

TempusDominus Knockout Binding Doesn't Fire update Event After Initializing

I'm trying to use knockoutjs with the tempusdominus datetimepicker and am having a problem with the custom binding. The binding will work during initialization, but changes made through the datepicker ui or not resulting in update events being…
Mark
  • 595
  • 5
  • 13
2
votes
1 answer

Tempus Dominus Set Loaded Value

I'm trying to figure out a way, but cannot seem to find, how to set the load value of a Tempus Dominus datetimepicker field. I have seen the options available here: https://tempusdominus.github.io/bootstrap-4/Options/#format At the moment when the…
Matthew
  • 1,565
  • 6
  • 32
  • 56
1
vote
0 answers

Customize Tempus Dominus 6 date/time picker to mark special days with specific colors

I'm using version 6 of Tempus Dominus with the following configuration of the Tempus Dominus datepicker JS control: import { Controller } from "@hotwired/stimulus" import { TempusDominus } from "@eonasdan/tempus-dominus" tempusDominus.extend(…
moh19814
  • 133
  • 1
  • 1
  • 14
1
vote
1 answer

Tempus Dominus (Datetimepicker for Bootstrap 4): Manual input of date through keyboard not working

JSFiddle: https://jsfiddle.net/09e7mrk5/3/ I'm using Tempus Dominus (the Bootstrap 4 Datetimepicker), in the Date & Time mode. Selections made through the GUI calendar work OK as can be seen by clicking the Go button. However, typing in a date (say,…
gene b.
  • 10,512
  • 21
  • 115
  • 227
1
vote
4 answers

How do I specify the date format of Tempus Dominus 6 (getdatepicker)?

I'm using version 6 of Tempus Dominus, whose documentation is found at https://getdatepicker.com/6/. My question is: How do I set the date format? I have this HTML control:
…
Daniel Jonsson
  • 3,261
  • 5
  • 45
  • 66
1
vote
0 answers

Setting maxDate for Tempus Dominus datetime picker causing incorrect time selection

I have an issue using the Tempus Dominus Bootstrap 4 datetime picker and setting the maxDate option after the picker is initialized. The time changes to 11:58 pm when I select the newly set maxDate. The goal is to set the maxDate to the end of day…
Keisha W
  • 686
  • 6
  • 17
1
vote
0 answers

Cannot linking date start and date end in datetimepicker tempus dominus

I cannot linking date start and date end using tempus dominus picker. I already create code as instruction in its website but it doesn't work. This is my HTML and Jquery in one file
Romi Ramadhan
  • 11
  • 1
1
vote
0 answers

Tempus Dominus DatePicker in Django showing one day less when I get the data for edit

I have a Table with all my data, and when I try to edit one row I catch all data to a form, but the datepicker is showing ALWAYS one day less than the one entered. How can I solve this?. I read something about the DateTime from JS but I didn't find…
Jose Pablo Arancibia Linker
  • 113
  • 2
  • 8
1
vote
1 answer

Bootstrap4 tempus dominus DateTimePicker doesn't show up

I followed this, and there is no error message but the datetimepicker doesn't appear on the input element.