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
0
votes
1 answer

How to load Tempus Dominus Bootstrap 4 with requirejs (in Moodle) ? ( Error: No define call for datetimepicker)

Hello I use requirejs in Moodle 3.5 to include js files, but I have a problem with Tempus Dominus Bootstrap 4. Here is my config.js define([], function () { window.requirejs.config({ paths: { "moment":…
Ludo
  • 743
  • 1
  • 10
  • 25
0
votes
1 answer

Tempusdominus datetimepicker open direction

Is there a way to open the datetimepicker under the input instead of opening it above of the input? I know there are some pickers that have it in the box but I did not find such an option in this one. Using version:…
0
votes
0 answers

Using inside a repeater

Can this date picker be used inside a repeater via a class instead of the ID? I have a unknown amount of repeater data all of which contain the date picker
0
votes
0 answers

Changing to datetime picker from datepicker

I was previously using Datepicker.js and I've now changed over to use datetimepicker, otherwise known as tempus dominus. I switched out my input and div and I also changed the CDN script and the JS script function but I'm having some issues. My site…
Geoff_S
  • 4,917
  • 7
  • 43
  • 133
0
votes
2 answers

tempusdominus clear minDate/maxDate

I am using tempusdominos jquery plugin and i am trying to use the minDate and maxDate feature to link 2 time pickers. I can set these values, but it seems impossible to clear these values. I tried : $('#datetimepicker6').datetimepicker({ …
mediumkuriboh
  • 57
  • 1
  • 10
0
votes
2 answers

Rails reverses day and month when saving DateTimePicker form field

I am trying to use Tempus Dominus Bootstrap 4 in a form on a Ruby on Rails 5.2 app so the user can select a date. Here is the code: app/views/events/_form.html.erb
<%= f.label :starts_at, 'Start Date and Time', class:…
Steve Carey
  • 2,876
  • 23
  • 34
0
votes
1 answer

How to calculate the diffence in times with Tempus Dominus

I am using Tempus Dominus Bootstrap 4 to create a web based time clock for a project I am working on. As part of the time clock, I am creating a page where users will enter the hours they are available to work. I hit a road block on how to calculate…
0
votes
0 answers

TempusDominus v4 not a function

I am trying to use Tempus Dominus with Bootstrap 4 and AngularJS. GitHub Docs/Usage Sadly, I can't get it to work, I get an error. I have the following code: var picker = $('#datetimepicker1'); // I tried this var picker = angular.element(…
-1
votes
1 answer

Tempus Dominus v6.0 and IE11

I'm attempting to use the new Tempus Dominus 6 datepicker, which is great in Chrome but doesn't like IE11 because of the presence of class syntax. Is Babel the only/best way of handling the incompatibility? Our software is required to support IE11…
-1
votes
1 answer

Disable just the past date of the calendar and not the time of tempusdominus

How do I just disable the past date of only the calendar and not the time picker in tempusdominus? $(function () { $('#datetimepicker13').datetimepicker({ inline: true, sideBySide: true, format: 'YYYY/MM/DD HH:mm', …
Rei
  • 313
  • 2
  • 11
-1
votes
1 answer

tempusdominus bootstrap 4 icons are missing

The tempusdominus bootstrap 4 icons are missing in my ASP.NET MVC application. Here are the screenshots of how it looks: These are the following scripts and css that are being loaded in (based of this jsfiddle): bootstrap.css…
GreenSaber
  • 1,118
  • 2
  • 26
  • 53
1 2 3 4 5 6 7
8