Native AngularJS datetime picker directive styled by Twitter Bootstrap
I now have the picker calendar appearing at unexpected spots on the screen, usually down at the bottom of the page or the bottom of a div that contains the place which called the popup. I don't understand the relationship ship that is involved in determining where the popup appears. What am I doing wrong? (Or more important, what is the important thing to have so that the pulldown appear right below a particular thing?)
If you post a jsbin or some other working example of your code I can have a look. It is likely a problem with the the html.
I just started use this directive (to replace ui-bootstrap's one) but i have one little question : how do i manage the calendar opening when my user go to the date field with tab ?
Maybe someone in that channel can tell you how to open it when tabbing into an input. In my usages, I assume if the user is tabbing into the field they don't want to use the mouse, so I've never tried to open the picker - instead I allow keyboard input into the text box via angular-date-time-input
Hello! First of all nice directive! I am starting using it and I have some doubts, it is possible to change the mask of the date? Currently, the way it displays the date is like the following Wed Feb 08 2017 10:50:00 GMT+0100, it is possible to show it like the following 2017-02-08 10:50:00? Thanks in advance!
but i get an error the first time I enter
Expression 'dateRangeStart | date:'yyyy-MM-dd HH:mm:ss'' is non-assignable.
any suggestions?
@aitorMolinuevo have a look at the "Formatting the date in an input box" here (https://github.com/dalelotts/angular-bootstrap-datetimepicker). It suggests to use the angular-date-time-input directive to format dates
@dalelotts hello. nice work on this directive. could you tell me if it's possible to disable going to the year? For example, when I click on the name between the arrows I should not change the view.
hello!
I faced an issue when date time picker was added into vendor.min.js(where all the bower dependencies are minified) file and the issue was - TypeError: (intermediate value)(intermediate value)(...) is not a function. issue was happened because of the missing semicolons I guess.
such as
"use strict" - semicolon is needed.can someone help me with this issue. I used gulp to create minified file.
how ever adding the dependency as last in bower.json fixed the issue.
Thanks in advance!
Hello everyone, my organization is using the picker and is making efforts to make our application WCAG compliant (accessibility). I see that keyboard accessibility was discussed a little before, but perhaps not addressed. Would you guys accept a pull request if I took a stab at it?
Hi there! Any ideas to store a date in Firebase. At now I need
{
"-KgWCD_BRwdpbE2b9pZ4": {
"datum": "2017-04-06T10:50",
"datumUTC": 1491475800000,
"timezoneOffset": -180
}
}My settings of the datetimepicker is
data-datetimepicker-config="{ dropdownSelector: '#datum', modelType: 'YYYY-MM-DDThh:mm' }"I'd like a more advanced feature modelType Something like 'YYYY-MM-DDThh:mm+/-gmthh:mm'
Or is there a different recommended alternative?
Also, I was trying to make it possible to navigate the dropdown using the keyboard, and though I was able to open it by setting the input to readonly and giving the span a tabindex, I was unable to navigate to anything useful inside the dropdown despite my limited efforts even with editing your template. Unless @jylertones was able to come up with something then I guess I'll have to make sure the users use the mouse like the others.
@TheRealMaxion good point, I don't think picker currently supports keyboard navigation. Wow, that's a big gap that has been in place for a long time! If you get something working, please let me know! Even better, send me a PR! =)