by

Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Repo info
Activity
  • Jul 07 22:53
    dependabot[bot] labeled #465
  • Jul 07 22:53
    dependabot[bot] opened #465
  • Jul 07 22:53

    dependabot[bot] on npm_and_yarn

    chore(deps): bump npm-registry-… (compare)

  • Jul 07 20:30
    dependabot[bot] labeled #464
  • Jul 07 20:30
    dependabot[bot] opened #464
  • Jul 07 20:30

    dependabot[bot] on npm_and_yarn

    chore(deps): bump npm from 6.13… (compare)

  • Jul 05 20:20
    dalelotts commented #397
  • Jul 05 19:36
    saharati commented #397
  • Jul 05 17:57
    dalelotts commented #397
  • Jul 05 06:18
    saharati commented #397
  • Jul 04 02:53
    dalelotts labeled #461
  • Jul 04 02:53
    dalelotts commented #461
  • Jul 04 02:50
    dalelotts labeled #463
  • Jul 04 02:50
    dalelotts labeled #463
  • Jul 04 02:50
    dalelotts commented #463
  • Jul 04 02:44
    dalelotts commented #397
  • Jul 03 12:26
    MedZghal opened #463
  • Jul 02 20:02
    saharati commented #397
  • Jun 07 06:15
    dependabot[bot] labeled #462
  • Jun 07 06:15
    dependabot[bot] opened #462
'Apache' Rino
@rwijngaa_twitter
i do this before loading my page :
<script type='text/javascript'>
        moment.locale('nl');
        moment.tz.setDefault("Europe/Amsterdam");
        if (!sessionStorage.getItem('timezone')) {
          var tz = jstz.determine() || 'UTC';
          sessionStorage.setItem('timezone', tz.name());
        }
        var currTz = sessionStorage.getItem('timezone');
        console.log("CurrentTimeZone: ", currTz);
  </script>
'Apache' Rino
@rwijngaa_twitter
i'm using angularjs1.6 and angular-bootstrap-datetimepicker 1.1.4
Dale Lotts
@dalelotts
There may be a defect - I think earlier in this thread there was some discussion with a user that was using milliseconds but they did not provide a minimal example or failing test. Are you able to provide a working example so I can have a look?
'Apache' Rino
@rwijngaa_twitter
Hi, well that will take me a long time. I 'fixed' it in my local copy of datetimepicker.js on line 337 i added newDate = milliseconds - (60 * 60 * 1000); break; and that fixed it for me
Jeff Shamley
@jshamley
is it possible to disable the click outside the popup closing the popup?
Dale Lotts
@dalelotts
If you are using bootstrap for the dropdown (what you are calling the popup), then there is no way to disable it. However, you can use bootstrap's modal (https://getbootstrap.com/docs/3.3/javascript/#modals) to get the functionality you want. Note: This directive does not have any popover/dropdown functionality, you must always use library to provide that functionality.
Jeff Shamley
@jshamley
Thank you for that explanation, I'll dig in deeper to how this is set up in our app and find a solution.
Virendra Rajput
@virus-begin
Hello Dale, I'm using angular 1.6 and moment 2.13, I'm trying to apply validation from-to date , took same code from readme file. But in controller, $scope.dateRangeStart and $scope.dateRangeEnd values are undefined. what could be the issue?
jaydeept4f
@jaydeept4f
I have set (data-before-render) option for disable specific dates. But it's working first time page load.
Dale Lotts
@dalelotts
@virus-begin sorry for the delay - I didn't see your message until now. Did you resolve your issue?
@jaydeept4f do you have a live site I can look at?
jaydeept4f
@jaydeept4f
Okay i will provide...
jaydeept4f
@jaydeept4f

Sorry i not able to provide demo,

I disable dates as per ajax response using "before-render" and it is working properly. But if i call ajax second time and get other response then dates not disabled as per second response.

Dale Lotts
@dalelotts
FYI: this room is now dedicated to version 2.x of this component - which uses Angular 5+. Please join https://gitter.im/dalelotts/angularjs-bootstrap-datetimepicker and support each other when using the AngularJS (1.x) version of the directive
simonstewart
@simonstewart
Is there any documentation for different config options? Like showing the date picker in a popup instead of inline?
Luzo Tot
@luzo_tot_twitter

The demo folder is not available: https://github.com/dalelotts/angular-bootstrap-datetimepicker/tree/master/demo

Where is it possible to find examples, or projects using this library?

Luzo Tot
@luzo_tot_twitter
It is really difficult to learn to use the component without examples, just from this documentation
Dale Lotts
@dalelotts
I agree, having examples available would be nice. For now, the documentation is your only source of information, and it has room for improvement also. =) See https://dalelotts.github.io/angular-bootstrap-datetimepicker/components/DlDateTimePickerComponent.html#info and https://dalelotts.github.io/angular-bootstrap-datetimepicker/components/DlDateTimePickerComponent.html#readme
@simonstewart The majority of the documentation is found at https://dalelotts.github.io/angular-bootstrap-datetimepicker . This component does not provide any popup functionality. You are free to choose any popup implementation you like and place this picker inside your popup of choice. This is an intentional design choice to avoid the slew of issues that come from popup implementations.
shirley
@vercha
hello everyone
I'd like to know will bootstrap datetimepicker be self-adaption?
Thanks for any advice & help!
Dale Lotts
@dalelotts
Hey @vercha , I don't really know what that means. Can you explain?
Fabian Bernhard
@fbernhard
Hi there, is there a way to set min/max date? Thanks!
Fabian Bernhard
@fbernhard
Thanks, Dale, for the quick answer!
It works nearly perfect. The context of the function call is the context of the button though, so "this" within the "selectFilter" callback is not a pointer to the component class. Will find a way around it.
Great date/time picker!
Balaji Prasad
@balajiprasadb
Hi All,
I'm looking for a component which has the following features -
  1. Date and time selection in one go
  2. Only date selection
  3. Only time selection
  4. Multiple dates selection
Can you please help me finding the same?
prashanth
@prashanth242627_gitlab
hi all,
is there a way to show time dropdown from 8am to 8am present it is showing from 12am to 12pm
@balajiprasadb this component works for all of your requirements - you will need to do some fancy coding for #4 but I think its possible
Dale Lotts
@dalelotts
@prashanth242627_gitlab Sure, you have two options. The simplest thing would be to specify a selectFilter that simply disables those hours, but the user will still see them - See https://dalelotts.github.io/angular-bootstrap-datetimepicker/components/DlDateTimePickerComponent.html#selectFilter. The second option is to override the HourModelProvider - See https://dalelotts.github.io/angular-bootstrap-datetimepicker/classes/DlHourModelProvider.html
Muhammad Al Faris
@dreamid27
Hi @dalelotts , thank for awesome plugin. just it.
The dalelots datepicker support popup mode ?
Dale Lotts
@dalelotts
Hey @dreamid27, sure. You can embed the date/time picker into any popup you like, for example, use the dropdown from bootstrap or ng-bootstrap dropdown. Using your preferred UI framework for the popup mode means it will work exactly the same as all of the other popup components.
dhiraj007
@dhiraj007
when using bootstrap.min.css is overwriting my angular material css. please help
Dale Lotts
@dalelotts
@dhiraj007 make sure angular material css is listed after bootstrap css.
Myles Bostwick
@cthrax
Is there an equivalent to the angularjs version "beforeRender" in the angular 5+ version? Or at least a good way to set the range that is selectable? I am presently doing a port from angularjs to angular and this is one of the components we've had in use for a few years.
Myles Bostwick
@cthrax
@dalelotts not sure if this is followed closely enough, so thought I would tag you for the above question.
Dale Lotts
@dalelotts
@cthrax I don't always get the notifications, not sure why. Thanks for the tag, it helps! There is something equivalent called the selectFilter - see https://dalelotts.github.io/angular-bootstrap-datetimepicker/components/DlDateTimePickerComponent.html#selectFilter which is called once for every date in the view (rather than one call with all of the dates. It should work the same but if you have any issues, please let me know.
Myles Bostwick
@cthrax
@dalelotts thanks! That should do the trick, I misunderstood what that option was doing and don't have a prototype up and running to play with yet. Thanks for all your efforts on this project and the previous one!
andr3i4o
@andr3i4o
Hi guys, is there an option to disable days before today?
Dale Lotts
@dalelotts
Use selectFilter - see https://dalelotts.github.io/angular-bootstrap-datetimepicker/components/DlDateTimePickerComponent.html#selectFilter which is called once for every date in the view. Just return false for any date prior to today
andr3i4o
@andr3i4o
@dalelotts Thank you for the information!
f3l1xss
@f3l1xss
Hi @dalelotts do we currently have a way to differentiate (change) event due to click at date picker and (change) event due to value Change (ngModel change or due to writeValue)?
Dale Lotts
@dalelotts
@f3l1xss Not explicitly. Can you tell me a bit about your use case?
f3l1xss
@f3l1xss
@dalelotts Thanks for your reply. Basically, I would want user to be able to set the date from query param, for example mywebsite.com?date=2020-02-03&timeslot=5 would preset the date picker value. I do not want this preset to trigger the change event, as I have bound the change event to other functionality (eg: to refresh my dom entity). I have tried setting the datepicker value through the ngModel and writeValue way but found that both still trigger change event. If only theres a difference in the change model triggered by manual click and ngmodel/value change.