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
1
vote
0 answers

Django + Tempus Dominus - Submit django form without submit button

I have a functioning datepicker on my django app called tempus dominus. I am having some trouble trying to set this datepicker to submit without having to click on a submit button. Their documentation is horrible but I finally figured at least part…
KemuFI
  • 23
  • 5
1
vote
0 answers

How to select the whole week in tempus dominus bootstrap 4?

Is it possible to select the whole week of a chosen day in bootstrap datetimepicker? What is a possible way to do so?
AccNeeder
  • 93
  • 1
  • 13
1
vote
1 answer

Bootstrap 4 TempusDominus won't apply the format

I would like to understand why this code cannot display the right format. It falls back to default when I click on a date. $('.datetimepicker-input').each(function() { $(this).datetimepicker({ format: 'DD/MM/YYYY HH:mm', date:…
Christophe Ferreboeuf
  • 1,048
  • 14
  • 26
1
vote
1 answer

Moment.JS saying date is invalid when using .format() but is valid when using isvalid() function how can i fix this?

So I want to be able to have the user input a date as DD/MM/YYYY HH:mm then have it converted to MySQL datetime format for input in a database so I ran moment("20/04/2020 00:19", 'DD/MM/YYYY HH:mm',true).isValid() to test if I could do this and got…
Lucas
  • 598
  • 9
  • 18
1
vote
1 answer

Bootstrap v4 datetimepicker is not working (Tempus Dominus)

I'm trying to use Tempus Dominus but it not working. What i'm doing wrong ? $(function (){ $('#date').datetimepicker(); });
cplaiuu
  • 163
  • 4
  • 18
1
vote
2 answers

Tempus Dominus date picker, format not working if date null

I'm using Tempus Dominus datetime picker in a Bootstrap 4 / ASP.net MVC Core 2 website. I want to only display date in Euro format - it works when the date is populated from the database when editing a record. But when it is null in the database it…
niico
  • 11,206
  • 23
  • 78
  • 161
1
vote
1 answer

Missing Module When Building JavaScript

I'm building an internal tool in Laravel and I need a datetime picker for part of the interface. My research has suggested that Tempus Dominus is the solution most people use to solve this. I've installed Tempus Dominus and Moment (through Node) and…
Burgi
  • 421
  • 8
  • 24
1
vote
1 answer

Selecting last day of week in datetimepicker

I'm using moment.js to try to select the last day of the week that is selected in the datetimepicker but it returns a continuous loop for every last day of every week. I'm not sure what I am doing wrong please could someone help me. This is the JS…
RogueWolf
  • 135
  • 3
  • 13
1
vote
0 answers

Tempus Dominus Dynamically Changing Options

I feel like this question is reasonably straightforward. I'm trying to dynamically change options on the Tempus Dominus Bootstrap Datetimepicker. In particular, I'd like to change the options on one of my datepickers on change of another datepicker…
Patrick Packham
  • 65
  • 1
  • 7
1
vote
1 answer

tempus-dominus doesn't detect moment import

I know that there's a bunch of question about moment and tempudominus-bootstrap-4 but most of the time it is linked to a user mistake and I didn't find reference of mine ... So I'm using symfony framework and the webpack-encore bundle. I want to…
Pierrick Rambaud
  • 1,726
  • 1
  • 20
  • 47
1
vote
1 answer

Switch programmatically to time view after the date is selected in Tempus Dominus Bootstrap 4 datetimepicker?

How can I switch programmatically to time view after the date is selected in Tempus Dominus Bootstrap 4 datetimepicker? This is the code: $("#datetimepicker1").on("change.datetimepicker", function (e) { // After the date is selected, I would like…
user3332061
  • 13
  • 3
1
vote
0 answers

Tempusdominus update event not firing

I have a datetimepicker to select a date for an appointment, when I initialize the datepicker I set the enabled dates for the current month, and I want to catch the update event that is supposed to be fired when the user clicks on the next button…
diminuta
  • 1,545
  • 8
  • 32
  • 55
1
vote
3 answers

Datepicker JS error tempus-dominus Laravel 5.8

Trying to implement datepicker. I'm using tempus-dominus-bootstrap-4. I already installed it using npm command, it's already in package.json. Followed the documentation yet I get an error, I'm not very good with javascript. I get the error…
kwestionable
  • 496
  • 2
  • 8
  • 23
1
vote
0 answers

Django Tempus Dominus TimePicker Format

When I submit a form after picking a time using the django-tempus-dominus TimePicker widget, I receive no error, but the form is not saved to the database, and does not show up in the admin page. I receive a visual browser indication that something…
T. Woznick
  • 11
  • 3
1
vote
1 answer

tempusdominus - allowInputToggle isn't working in Bootstrap 4 project

I'm using tempusdominus and trying to get a property allowInputToggle to work: https://tempusdominus.github.io/bootstrap-4/Options/#allowinputtoggle The purpose of this is that when the user clicks into an the calendar should open. As…
Andy
  • 5,142
  • 11
  • 58
  • 131
1 2
3
4 5 6 7 8