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 31 18:15
    dependabot[bot] labeled #467
  • Jul 31 18:15
    dependabot[bot] opened #467
  • Jul 31 18:15

    dependabot[bot] on npm_and_yarn

    chore(deps): bump elliptic from… (compare)

  • Jul 18 05:22
    dependabot[bot] labeled #466
  • Jul 18 05:22

    dependabot[bot] on npm_and_yarn

    chore(deps): bump lodash from 4… (compare)

  • Jul 18 05:22
    dependabot[bot] opened #466
  • 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
Dale Lotts
@dalelotts
This room, and the existing code repository will eventually migrate to Angular 4+. As a result, there is a new room and project for the AngularJs version of the date time picker - https://gitter.im/dalelotts/angularjs-bootstrap-datetimepicker. Please join the new room and support each other when using the AngularJS version of the directive
schwindyboo
@schwindyboo
image.png
Hi Dale, thanks for the great plug in. How do I configure so that the date/time selected (top) displays as selected
Thank you :)
Why can't I he he
@2227068304
how to display other languge in the plugin template i try moment.local("ch-zn") but it's invalid
Dale Lotts
@dalelotts
@2227068304 See the code in the demo directory - https://github.com/dalelotts/angular-bootstrap-datetimepicker/tree/master/demo - Note that you must set the local before the first render the date-time-picker (or re-render it after changing the locale)
Why can't I he he
@2227068304
tks the problem is solved because i can't import zh-cn.js in bower.json in my project i think it work automatically
Dale Lotts
@dalelotts
@2227068304 I understand. Probably best to migrate off of bower to npm or yarn. https://bower.io/blog/2017/how-to-migrate-away-from-bower/
'Apache' Rino
@rwijngaa_twitter
Hi, how come my datettime in the model is off by 1 hour when using modelType: 'milliseconds'. i.e. i live in NL, and fill in a date "14-12-2017 21:40" and this becomes 1513287600000 in my model which is 22:40 in my timezone according to https://www.epochconverter.com/
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.