Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Repo info
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
@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! :)
Nadun Indunil
@nadunindunil

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!

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?
Nadun Indunil
@nadunindunil
@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?
Or is there a different recommended alternative?
Dale Lotts
@dalelotts
Hi @amivit, no Angular support yet. I'll start working on it next month if my current contract does not renew.
saikrishnarao2
@saikrishnarao2
Could someone help me I am not able to set the value for angular-datetimepicker dynamically from angularjs controller function?
saikrishnarao2
@saikrishnarao2
I need to set the value of the datetimepicker element.Can you help me on that?
Dale Lotts
@dalelotts
@saikrishnarao2 just set the value on the model. For example, if ngModel="selectedDate", in the controller, setting $scope.selecctedDate will set the value for the date-time-picker and it will be reflected on the UI automatically
saikrishnarao2
@saikrishnarao2
thank you @dalelotts. It worked for me.
TheRealMaxion
@TheRealMaxion
Hi @dalelotts nice work on the directive! A thing I was wondering is if the class on row 19 of the template is a typo, since it looks a bit off that it is "dow" ?
TheRealMaxion
@TheRealMaxion
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
@TheRealMaxion
@dalelotts ah never mind the alleged typo, just realized it's short for day of week
Dale Lotts
@dalelotts
@saikrishnarao2 :+1: