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

Tempus Dominus Timepicker show time after selecting date

I am using the Tempus Dominus Timepicker v5.0.1 with jquery 3.4.1 and the latest version of moment.js. I have a form that has a registration start date and time and a registation end date and time. I want the user to be able to select the date and…
Andrew
  • 2,013
  • 1
  • 23
  • 38
0
votes
1 answer

Disable Future date in TempusDominus bootstrap4 datetimepicker

I am using TempusDominus bootstrap4 datetimepicker in my html view. So I Added the below scripts in my project.
Meena
  • 685
  • 8
  • 31
0
votes
0 answers

jQuery edited Bootstrap datetimepicker not showing up

I am trying to play around with Bootstrap datetimepicker but the jQuery code that I am using doesn't seem to work at all. I was breaking down someone else's working code from CodePen (using their jQuery code) but it does not work on mine and I've…
0
votes
1 answer

Selected date is most of the time 01/01/0001 00:00:00

When selecting the date and time with a custom DateTimePicker (https://tempusdominus.github.io/bootstrap-4/Usage/). When the submit button is clicked 9 out of 10 times the date and time is this : 01/01/0001 00:00:00 Code on the Razor page : …
0
votes
0 answers

jQuery Datetimepicker Bootstrap 4 Clear and Check Empty

After scouring the internet and StackOverflow, as well as reading the 3 or 4 different versions and iterations of this particular datetimepicker, I have a few issues with it that are preventing me from completing this one set of…
0
votes
1 answer

How to hide the datetimepicker after clicking on today button using bootstrap-datetimepicker

I am using https://github.com/TrevorS/bootstrap3-datetimepicker-rails datetimepicker in my rails application. How do we close the widget after clicking on today button? $(document).on('turbolinks:load', () => { …
0
votes
1 answer

Initialize TempusDominus datetimepicker with structure from Controller

I have a tempusdominus datetimepicker and a linked select. I get a structure from the controller consisting of a Map> which keys are the dates that should be enabled in the datetimepicker and each date has a list of hours that I have to show in the…
diminuta
  • 1,545
  • 8
  • 32
  • 55
0
votes
1 answer

How to edit classes in tempus-dominus (datetimepicker) not shown in the source file?

I would like to change for instances the class .day of tempus-dominus (https://tempusdominus.github.io/bootstrap-4/) but even when using !important it does not seem to work when inspecting (try not to click around because the inspecting of it is…
0
votes
2 answers

bootstrap datetimepicker after set format("YYYY"), it doesn't allow to select some active option in the calendar

I set the minDate(2019-06-21) and maxDate(today) when initialize the "From" and "To" datetimepickers. When select time interval to month, Will format the datetimepicker to "MMM YYYY". Then I only can select Jul in the calendar widget although the…
creswei
  • 54
  • 2
0
votes
0 answers

TempusDominus v5.1.2 for Bootstrap 4 - how _viewDate is set?

I'm trying to understande the Tempus Dominus Bootstrap4 v5.1.2 code to make some changes and tests but I dont understand how the var _viewDate is set when the user pick the date. When the user clicks on the day the function…
Seltix
  • 69
  • 3
  • 13
0
votes
4 answers

Django Form clean sees Date objects as NoneType. POST method in views.py does see it as a date

So I am currently working on the project in Django. The user should be able to set start date and the end date, based on this set interval an analysis should be calculated. The current problem is, when the data comes to validation, it sees input…
0
votes
1 answer

tempusdominus : datetimepicker is not a function

I'm trying to use tempusdominus to show a date picker with the locales in fr but I have an error : "datetimepicker is not a function" and the icons dosen't show up and also the language in french does somebody know why please ? here's a screenshot…
pandaD
  • 103
  • 2
  • 10
0
votes
1 answer

Can't get to run datetimepicker

I'm using the tempusdominus datetimepicker for my cakephp 2.9 project but can't get it to run. I'm using cakephp FormHelper so I use in my views: Form->input('start',array('class' => 'form-control','label' => 'Start','type' =>…
Chrishow
  • 363
  • 1
  • 5
  • 13
0
votes
1 answer

tempusdominus 4 multiselect population

I'm trying to get initialized my DateTimepicker with multiple Dates. I can initalized with a specific date but not with the multiple option. var selectedDates = ["12/1/2019","11/1/2019"]; $(function () { …
Dominik
  • 1
  • 2
0
votes
1 answer

Tempusdominus datetimepicker and ASP.NET MVC

I try to use https://tempusdominus.github.io/bootstrap-4/ in ASP.NET MVC project. HTML
@Html.TextBoxFor(model => model.TimeEnd, new { @class = "form-control form-control-sm …
NoWar
  • 36,338
  • 80
  • 323
  • 498