## Where communities thrive

• Join over 1.5M+ people
• Join over 100K+ communities
• Free without limits
##### Activity
• Dec 11 2020 11:02
goremukin opened #472
• Nov 18 2020 22:26
dependabot[bot] labeled #471
• Nov 18 2020 22:26

dependabot[bot] on npm_and_yarn

chore(deps-dev): bump semantic-… (compare)

• Nov 18 2020 22:26
dependabot[bot] opened #471
• Sep 14 2020 18:34
dalelotts closed #461
• Sep 14 2020 18:34
dalelotts commented #461
• Sep 14 2020 18:33
dalelotts labeled #461
• Sep 14 2020 18:33
dalelotts unlabeled #461
• Sep 14 2020 18:32
dalelotts labeled #463
• Sep 14 2020 18:32
dalelotts unlabeled #463
• Sep 14 2020 18:32
dalelotts unlabeled #463
• Sep 14 2020 18:32
dalelotts closed #463
• Sep 14 2020 18:32
dalelotts commented #463
• Sep 14 2020 18:31
dalelotts labeled #468
• Sep 14 2020 18:30
dalelotts unlabeled #468
• Sep 14 2020 18:30
dalelotts unlabeled #468
• Sep 14 2020 18:30
dalelotts closed #468
• Sep 14 2020 18:30
dalelotts commented #468
• Sep 14 2020 07:16
byronantak commented #468
• Sep 14 2020 06:19
byronantak commented #468
Hanyu Jiang
@ptchiangchloe
I'm developing in local so I just update the public
Keith Swenson
@agilepro
Dale Lotts
@dalelotts
I don't maintain any working fiddles - there is a working page in the demo directory.
Keith Swenson
@agilepro
...\angular-bootstrap-datetimepicker-1.1.3\demo\index.html does not run directly from the checkout folder. I apparently have to have Node installed and configured ... or something.
Dale Lotts
@dalelotts
yeah, you need to install the dependencies. Are you on a windows machine?
You will need node installed and then in the same directory as package.json run npm install - that should be all you need.
Hanyu Jiang
@ptchiangchloe
@dalelotts Now it's working
Dale Lotts
@dalelotts
Looks good so far. Is everything working as you need it now?
Hanyu Jiang
@ptchiangchloe
Yea, I want to disable the past days, is anyway I can do that?
Dale Lotts
@dalelotts
Sure, the same way you disable the other dates - in the before-render callback
Hanyu Jiang
@ptchiangchloe
@dalelotts Yea I did, but no sure why it's not working
$dates.forEach(function (date) { if (date <$scope.dt) {
date.selectable = false;
}
});
Dale Lotts
@dalelotts
try if (date.getTime() < \$scope.dt.getTime()) {...
Dates are not numbers, you cannot compare them using <
Hanyu Jiang
@ptchiangchloe
date.getTime is not a function
Dale Lotts
@dalelotts
Right! My mistake! use date.localDateValue()
Hanyu Jiang
@ptchiangchloe
problem solved! Thank you Dale
Dale Lotts
@dalelotts
Great! Glad to hear it worked!
Keith Swenson
@agilepro
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?)
Dale Lotts
@dalelotts
Hi Keith, unfortunately this channel can't help you. There is no code or CSS in this directive that controls where the dropdown appears. That is entirely controlled by bootstrap (or whatever dropdown markup you are using).
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.
Alexandre ROY
@gop-aroy
Hey ya !
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 ?
Dale Lotts
@dalelotts
Good question - are you using bootstrap for the dropdown functionality?
Alexandre ROY
@gop-aroy
Yes i am
Dale Lotts
@dalelotts
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
Alexandre ROY
@gop-aroy
To be honnest I also noticed that we can't use the picker with the keyboard. So, actually, i'll notify my users to use their mouse.
My user need to fill quite long forms and prefer to navigate with their keyboard :)
Anyway, thk for your help, this directive is pretty nice :)
aitorMolinuevo
@aitorMolinuevo
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!
aitorMolinuevo
@aitorMolinuevo
I have use this: data-ng-model="dateRangeStart | date:'yyyy-MM-dd HH:mm:ss'"
but i get an error the first time I enter
Expression 'dateRangeStart | date:'yyyy-MM-dd HH:mm:ss'' is non-assignable.
any suggestions?
rcluan
@rcluan
@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.
rcluan
@rcluan
nevermind...think I've got it. cheers
aitorMolinuevo
@aitorMolinuevo
@rcluan Thanks for the answer! I get it working as i want! :)

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.

Tyler Jones
@jylertones
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?
Dale Lotts
@dalelotts
@jylertones Sure, I would love a PR! The only requirement is to follow the contributing guidelines.
Dale Lotts
@dalelotts
@nadunindunil Your concatenation process is introducing the problem - there are multiple ways to fix this issue - 1) Inject a ; between files when concatenating 2) Minify first, then concatenate. 3) move this directive to the end of the set of concatenated files.
Jean-Michel Hiver
@jhiver
Hello @dalelotts and thanks so much for that datetimepicker library! I had a question but I realized problem was in my code :-) So it will just be a BIG UP and THANKS :-)
Dale Lotts
@dalelotts
:+1:
4usmk
@4usmk
Hi everyone,I have a little problem about setting the location of the picker popup’s.
Do you have the way to set the location of the picker popup’s?
same "orientation" of bootstrap-datepicker?
Dale Lotts
@dalelotts
The picker does not have any built in "pop-up" functionality - that comes from Bootstrap or whatever pop-up library you are using - see the documentation for the appropriate library. What is the issue you are trying to solve?
@dalelotts Thank you very much! I went with the option 3 (y)
Ilia
@noway
Is there a specific way of testing datepicker input fields through Prortractor? While it's quite easy to chuck in a value into input[type="text"], I seem to have to click through the time buttons in case of date time picker. Is there a way to set the day quicker?
Dale Lotts
@dalelotts
That's what the user needs to do, so that's what Protractor needs to do. Is it good enough for you only test that selecting a date updates the UI - not that it is a specific date?
Ilia
@noway
I ended up setting underlying date through model, thanks for answerting though
Alex Ivanov
@contributorpw

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'

Dale Lotts
@dalelotts
I have not personally used Firebase to store a date, but I would expect them to accept dates in ISO8601 format. You can use any format that moment.js will understand.
Paul W.
@binaryPUNCH
Hi silly question but would the dalelotts bootstrap datetimepicker work in angular4?