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

tempusDominus showing hours it set in false statement

I`m using https://getdatepicker.com/ by CDN and i made a script with display and components but when i change any values to false or true nothing changes it still shows me same time Im using that in django project and i want to put date in my…
Zesshi
  • 435
  • 12
0
votes
0 answers

Tempus Dominus Datepicker issue in IOS version 16.3.1

I have been using Tempus dominus date picker in multiple places within a Bootstrap 4 website. It has been working fairly well in Ipad browsers until yesterday. Once updated to IOS version 16.3.1, Safari and Chrome show the date picker as shown in…
0
votes
0 answers

Using custom date formats on Tempus Dominus with laravel

In order to handle dates I needed to install an npm package called tempusDominus, which needs to be extended in order to support custom date formats. However when I follow the documentation (Accounting for laravel's quirks) I should have it written…
0
votes
0 answers

Mobx 6.7 and datepicker issue

I'm hoping for a bit of help as i've been hitting my head against a brick wall all afternoon. We've just updated to version 6.7 of mobx and we are using react-tempusdominus-bootstrap 1.9 date picker component. Previously everything was working fine…
Vince Ashby-Smith
  • 1,152
  • 4
  • 18
  • 36
0
votes
0 answers

Is it possible to grey out or prevent clicking on disabled months?

I am using Tempus Dominus date picker in a way that only shows months and years. And I also disable certain months, 2020-06 in the following example. When I click on the disabled month it doesn't select it as expected. But is it possible to grey it…
pileup
  • 1
  • 2
  • 18
  • 45
0
votes
0 answers

How can I configure only date in tempus dominus?

I am using the tempus dominus libraries with Jquery. It works perfect for me but in the dropdown panel I want to hide the time so that it only shows the date. I have tried this but it doesn't work window.datetimepicker1 =…
0
votes
1 answer

Tempus Dominus installation for bootstrap 5

I read the script documentation and I tried to implement the script on my example page but I always have the error Uncaught TypeError: $(...).datetimepicker is not a function. Here my code. Inside my head I put:
0
votes
0 answers

Always getting 20:mm when using tempus dominus datetimepicker

I am using tempus dominus datetimepicker. I create record in db using create page where I set start time e.g. 15:30, in database everything is saved as normal, but when I want to edit the record using edit page I always get 20:30 in field for…
0
votes
1 answer

Tempus Dominus Datetimepicker: Clock icon always displayed even when switching to Date Calendar mode

JSFiddle: https://jsfiddle.net/6nys2puv/ I'm using the following: jQuery 3.6.0 Bootstrap 4.6.2 Font-Awesome 6.1.0 ("all" files) Tempus Dominus 5.39.0 In the Tempus Dominus datetimepicker, when switching back to the Calendar view from the Time…
gene b.
  • 10,512
  • 21
  • 115
  • 227
0
votes
0 answers

Tempus Dominus v6 clear button not working

I cant find any way to clear it manually with jquery
0
votes
1 answer

How to reset or clear the bootstrap datetimepicker?

How to reset or clear the datetimepicker? I can't find solution for this bootstrap datetimepicker version. I don't want to use the default clear. As you can see there's a highlighted day, using a reset it should clear the highlighted day and display…
0
votes
0 answers

How to highlight specific dates in Tempus Dominus Bootstrap 4?

How to highlight specific dates in Tempus Dominus 4? For example I want to highlight 15, 18 ..etc. And it would be possible to disabled dates that isn't highlighted? I can't find any solution for this specific version of…
0
votes
1 answer

How to display stored value of datetimepicker to blade in Laravel

Do you know guys how display the date value from database to datetimepicker field? the example value from database is 2022-10-31
0
votes
0 answers

Razor ASP.NET Core - datetimes from date picker not returning in the model

I'm using dotnet core v4 and Bootstrap 5. The datetime picker I'm using is Tempus Dominus which I'm including in my _layout like this
Jim Tench
  • 123
  • 8
0
votes
1 answer

How to set 24 hour format in TempusDominus?

How to set 24 hour format in TempusDominus? tempusDominus.TempusDominus(document.getElementById('datetimepicker'), { format: 'DD.MM.YYYY, HH:mm', display: { components: { clock: true, } …