Giter Site home page Giter Site logo

g1eb / angular-datetime-range Goto Github PK

View Code? Open in Web Editor NEW
25.0 6.0 14.0 757 KB

๐Ÿ“… Angular directive for datetime range input

Home Page: https://rawgit.com/g1eb/angular-datetime-range/master/

License: MIT License

CSS 47.42% JavaScript 28.92% HTML 23.65%
datetime range input ui element angular-directives daterange date-input time-input angular

angular-datetime-range's People

Contributors

erwinjunge avatar g1eb avatar ibrahimhd avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar

angular-datetime-range's Issues

Chrome scrollbar is not supporting this directive when trying to change date

Thanks for this directive, it is really helpful for me. Just wanted to let you know that there is an issue with chrome vertical scrollbar when trying to change date range. It just disappears and I am not able to make any changes in date range. Can you please let me know if this is an already existing issue or if there is some workaround for it..

Just to replicate this issue click on index.html ->

Open it in a chrome browser, click on Datetime start date, there will be a scrollbar appearing when trying to click on that scrollbar the calendar disappears.

Provide step size for Hours, Minutes, Seconds

Like in your other components (angular-datetime-inputs) can you please provide options to set the step size for Hours, Minutes, Seconds?

Actually, it would be fantรกstic if the options where exactly the same between the 2 components (angular-datetime-range and angular-datetime-inputs)

Angular 6 support

Any plans on migrating or forking this component to support Angular 6?

Calendar | Month-Year navigation

Hi Gleb,

The support of scroll over the time elements is so useful!
Could you please consider supporting scroll for the Month as well? This will be useful if the date needs to be moved for long period of time, something like (1-3-2015 to 30-3-2016). It helps avoiding clicking too many times.
It's also worth to mention that scrolling over the month is expected to moves through the calendar (months) but not looping through the (12 months).

Hopeful this can be added on the road-map of improvements.

thanks a lot!

Preset Issue: Pulling in current date/time unexpectedly

Hi,
Great little component. I'm liking it so far.

Seem to be having an issue where presets are picking up the wrong date. I would expect that when using a preset, to be able to set the start date and end date, but when setting the start using moment and adding an amount of time to the end, the component gets updated with the current date/time. Of course, I could be doing something wrong. I've created a fiddle example: https://jsfiddle.net/rtzmxLgL/6/

Please let me know if I am using something wrong, because that is entirely possible.

Thanks!
M

Scroll disorder with some mouses

Hi Gleb,

The scroll feature works fine with some mouses but does not with other ones.
For instance, it works perfect with a Microsoft mouse but with "E-Blue" one it moves 2-steps with a single scroll.

Do you have any clue why such thing happens?

Capability to disable Calendar

I would like to ask if you could add an attribute to enable/disable the calendar part, the date if i want to use it only as a time range picker without date.

Also it would be nice to have the posibility to customize the text on the button to translate it.

Thanks.-

Incorrect bower main files

In file bower.json appears as main files datetime-range.js and datetime-range.css, and they may be datetime-range.min.js and and datetime-range.min.css

It's a problem for gulp wiredep dependencies.

Regards
Jose

How to access values of the datetime-range

Hi, is there a possiblity of specifying ng-model so that the start and end values can be used?
Secondly, can the dates prior to start date be disabled in the end date selector?

Thanks,
Aman

Fire OnChange() only when something changed

Hi Gleb,

I have noticed that the OnChange() is being fired in all cases, do you agree that it's more reasonable to close the edit menu but not to call OnChange() if "start or end" does not changed.

Thanks

IMPROVEMENT: Preset Ranges

Hi,

First of all, I really appreciate the great work you are doing in this tool!
I would like to suggest implementing a preset ranges something like:

  • Today
  • This Week
  • This Month
  • This Quarter
  • Last 30 days
  • Last 15 days
  • Month to date
  • Year to date

That will be really useful.
Do you think that feasible and can be done in the soon future?
(Actually I have no good experience to contribute on this :-( )
Thanks a lot.

How to import

Hi! Great directive, but how do i import the module in angular6?
Because the code provided is not for angular if im not mistaken.

Thanks in advance!

Btw, using it for a project at the university :D

No easy way to change year

If at all possible, can you add the ability to type the year with the keyboard to the popover? As it is now, the only way to select the year is to click the arrows or scroll with the wheel.

Feature for null start/end dates

Would it be possible to allow for null values for the start and ends dates. Null would indicate indefinite start or end. Kind of like infinity.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.