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

Select Month and Day only from UI .How to hide Year from DateTimePicker- Tempus Dominus Datetime Picker Bootstrap

I have a case there I want to select Month and Day from the UI to create recurring task.No need to select a year.28 days should be displayed in February.I am using Bootsrap for building the UI.I am initially thought of considering below option for…
0
votes
1 answer

Tempus Dominus 6 time picker 24h

i use Tempus Dominus for select time in my website. i want to remove AM, PM text from time picker and have 00-23 instead. screenshot: my code: $('#datepickerTime').tempusDominus({ useCurrent: false, stepping: 15, …
user16829612
0
votes
2 answers

How to change the bootstrap datetimepicker to display only dates and not time

I have several inputs with dates. I don't need time, but somehow I can't get rid of it. I tried all the solutions I found on StackOverflow without success. I am using the tempusdominus datetimepicker. JS FIDDLE LIVE DEMO Does anyone know how can I…
0
votes
0 answers

Bootstrap4 datetimepicker disable time Intervals on every Monday

I am making an appointment system. I want to prevent appointments that are not on the opening hours. $('input.datetimepicker-input').datetimepicker({ locale: '{{ eccube_config.locale }}', format: 'YYYY-MM-DD HH:mm', minDate:…
0
votes
1 answer

Laravel mix, cannot `npm run dev` after installing tempusdominus-bs4

I'm having trouble installing tempusdominus-bs4 in my Laravel application. I've followed these steps: Installed Moment JS with npm install moment --save Installed Tempus Dominus with npm install tempusdominus-bs4 --save Modified the app.js file by…
0
votes
1 answer

Tempus dominus: decoupling the rendered date format from the actual value sent upon form submission

I'm using Tempus Dominus bootstrap-4 version 5.39.0. I can configure the displayed time format in this way: $('.datePicker').datetimepicker({ format: 'DD/MM/YYYY', locale: 'en' }) But this sends to server dates in the format: 'DD/MM/YYYY'…
floatingpurr
  • 7,749
  • 9
  • 46
  • 106
0
votes
0 answers

Dynamic DateTime field in Django form

I'm working on an Django 3 app which allows users to add and remove data requests for review. The user will select the user and site from a list and depending on the availability of data will populate a date/time field to be able to select a start…
user4292309
0
votes
0 answers

Tempus Date-Time-Picker how to get date

I'm new on PHP and everything in general, I'm building an application where a date picker is shown. I want to submit the date following a specific format (year : "y" and month : "m") to end up with a url like…
0
votes
1 answer

datetime picker in django without using forms.py

I want to add a datetime picker input field in my django project. I found this tutorial that offers a few ways but all of them are using forms.py as following: from django import forms class DateForm(forms.Form): date = forms.DateTimeField( …
0
votes
1 answer

Tempusdominus bootstrap4 use one instance for multiples inputs

I'm using Tempusdominus/bootstrap-4 package and I don't know how to define one Tempusdominus instance for multiples datetime inputs. I need this setup because I have a form with more than 30 datetime inputs and instantiating 30 more Tempusdominus…
Pedro Gabriel Lima
  • 1,122
  • 1
  • 9
  • 24
0
votes
1 answer

How to Disable clicking the month name in Tempus Dominus Datetimepicker

In the Tempus Dominus Datetimepicker, when clicking the month name, it goes to the list of months. I want to disable this. How shall it be achieved?
0
votes
2 answers

change datetime format using tempus_dominus DateTimePicker

I installed and imported DateTimePicker and used it as a widget to a Django DateTime Field When clicking on the field it shows me the date and time in format 07/30/2020 4:33 PM. However, the model is not accepting the input because it needs to be in…
0
votes
0 answers

Djando tempus dominus modal does not work

I have installed in my app the tempus_dominus app, usuing in the following manner: from tempus_dominus.widgets import DatePicker, TimePicker, DateTimePicker class InformazioniGeneraliForm(forms.ModelForm): …
0
votes
0 answers

TEMPUS DOMINUS datetimepicker parse from $_session

I am tying to do this but it is not working . value="" here
0
votes
1 answer

jquery 3.5.1 and tempusdominus datetimepicker not working together

I am using this library: https://github.com/tempusdominus/bootstrap-4 But after updating to jquery 3.5.1, I am facing this issue: https://github.com/tempusdominus/bootstrap-4/issues/164 The datepicker-days are not shown as expected. Any one having…
jakobdo
  • 1,282
  • 14
  • 20