amirkabirdataminers / adm-datetimepicker Goto Github PK
View Code? Open in Web Editor NEWPure AngularJs dateTimePicker
Home Page: http://amirkabirdataminers.github.io/ADM-dateTimePicker
License: MIT License
Pure AngularJs dateTimePicker
Home Page: http://amirkabirdataminers.github.io/ADM-dateTimePicker
License: MIT License
Hi. I need to use this library without angular js. How to use it?
Functionality is working but svg icons are not showing in my application
Currently there is no option to set a starting week day. Think it would be an awesome feature since most calendars in Europe start with Monday instead of Sunday
If date1 = 2016/12/01 08:00
then date2 can be anything more than 2016/12/01 08:00 but currently it forces us to set 2016/12/02 or more.
Hi,
When i type date using keyboard as soon as page is loaded, the date is not changed in date picker.
But if i set date using date picker for first time and then type date, date is changed in date picker.
I cant pick most of the days because my calendar is overlapped by timePickerContainer and datePickerContainer elements, so when i click on any day, instead it's changing the time. If i delete this elements in browser everything works perfectly fine. What can be the cause of this problem?
p.s: turns out i was using another module, which had .content rule in it's stylesheet, that caused the conflict.
سلام خسته نباشید و ممنون از تایم پیکر فوق العاده تون عزیز .... من از کد شما استفاده کردم به این صورت که یک بازه ی زمانی مشخص کردم و حالت زمان پابانی رو قفل شه تا زمانی که حالت آغاز زمانی می بایست پر شود اول ! ولی مشکلی که هست اینه که زمانی که کاربر زمان رو اشتباه وارد میکنه و وقتی میخواد زمان شروع رو تغییر برده نمیتونه چون زمان پابانی قفل هست به نظرم می بایست هر وقت روی زمان شروع کلیک میکنه زمان پایانی فیلدش رو اتوماتیک خالی کنه.. ممنون میشم راهنمایی بفرمایید
my app's text color is white, and since the css doesn't define one, when i'm not hovering the day I can't see the numbers.
سلام و تشکر و از زحمت فوق العاده شما
چطوره میشه تاریخ شروع رو برای همان روز تنظیم کرد این تلاش من که نتیجه ای نداشت
<adm-dtp ng-model='event.startData' full-data="event.startData_detail" maxdate="{{event.endData_detail.unix}}" options='{dtpType:"date" , mindate:today}'></adm-dtp>
@font-face { font-family: 'minifontawesome'; src: url("../fonts/font.svg#minifontawesomeregular") format("svg"); }
Fonts directory is not there with the package.
Have to change the css manually to another url for the fonts. Can help with that if you want.
Is is possible to do a mode with AM/PM instead of the 24 hour clock?
If this is not something you plan on adding could you give some recommendations on how I might modify this to do this.
Can you remove "monthsNames" as "constants" and put it parametrizable? This constants can be defaults but parametrizable by provider or options variable.
And add translation for "Today" word too
When using the tab button to leave the date picker, the popup which was opened on enter, is not closed.
hi.
how can I disable last dates?
thank you for nice library
when i click 'ToDay' button I expect that calendar go to to day but it not reset to today.
Make displaying date format dynamic.
Is seems that the datepicker has does not allow to use keyboard to set date. sometime we want to set date with keyboard instead of popup form. thanks in advance
Hi, how i do for to show two months in one view?
Thanks
Is it possible to remove jalali
from view?
This datepicker is great! But one thing that is missing compared to Angular UI's datepicker is the ability to, from within the control itself, explicitly select months and years.
For example, if I open a datepicker and it defaults at "January 2016", if I need to go back to "February 1990", there isn't an easy way in the datepicker itself to do that.
از اینکه این کامپوننت را در اختیار عموم گذاشتید سپاسگزارم
اگر امکانش هست ، ویژگی انتخاب چندتاریخ همزمان را به این کامپوننت اضافه کنید.
I want Use this widget in Mvc Project Please HElp Me
For Exmple
"@Html.TextboxFor(current=>current.StartTime)"
Default is 'today', but what is the right option to have it blank, with no value un ng-model. False seems to work, but 'none' would be better, no ?
Thanks for your awesome angular directive. It works perfect.
I have noticed there is a ADM-dateTimePicker.scss
file which the result of it is ADM-dateTimePicker.css
thas is used as the main css
file of date picker.
Do you have any plan to make it customizable in terms of look and feel? I mean there should be a way of changing ADM-dateTimePicker.scss
and make a new build of the date picker with the new css rules.
The main reason I'm asking this, is to change date picker color pallet ( and of course other settings ) based on project user interface. It would be nice if you provide a setting.scss
file.
Hi again,
I've try to initiate the ng-model with a javascript english datetime format and it is working as expected (format it as option chosen dd/mm/yyyy for french date), but when I get it back from ng-model variable, it return it as formatted option and not to regular english date time. It could be nice feature sometimes but I would have expected to have an option to force retrun in regular date format.
I know the full-date option could do the job, but you have then to handle it in the form submit code.
There are some problems in today()
, and I know some other people filled issues about it but here are my problems with ADM, and today()
:
Thank you
This date picker is nice and it's working good, but there are just some small problems.
with a simple element like
<adm-dtp data-ng-model="data.Person.BirthDate"></adm-dtp>
I have the error:
Expression 'undefined' used with directive 'admDtp' is non-assignable!
any idea?
It would be nice to have the possibility to display just the calendar inline, without a previous input.
Hey, first of all. Congratulations for the only user friendly angularjs datetimepicker that doesn't require 1 billions clicks from the user to set the date/time.
I found an issue with ADM which is when the component is inside a form and I click in the "Today" button, as the button is not set as type="Button", the form is submitted.
It looks very easy to fix but I don't know if I have enough knowledge of angularjs and git to make a pull request of this.
I am using ADM-dateTimePicker and I here is my code to make a date picker:
<adm-dtp ng-model='date5' full-data='date_details' options='{dtpType: "date&time", calType: "jalali", format: "YYYY/MM/DD-hh:mm", default: "today", multiple:false, freezeInput:true }'>
<input type='text' ng-model='date5' dtp-input />
<button dtp-toggle > Open calendar </button>
</adm-dtp>
But, when I click on the Open calendar
button, it returns:
TypeError: Cannot set property 'location' of undefined
What is the problem?
Hi
I searched all around for angularJS datetime (Jalali/Gregorian) for last 8 months.Finally, I found "ADM-dateTimePicker".
I want to special thanks to everyone who involved in. It's perfect and almost covered all of my needs, simply.
I know you probability, considered for next publishes. But let me suggest:
It would be nice if there was an option to allowing use ng-model just as Gregorian or Jalali.
Thanks.
Morteza
Your demo: http://amirkabirdataminers.github.io/ADM-dateTimePicker/#/
the last field, if you try to paste a date in it's format (like 2016/04/20 00:00) AND then you open the date-picker we have the following problems:
Is there any plan to rewrite date and time picker for Angular2?
popup div is being appended to its parent element. It makes it to be covered by small parent element. It may be an 'append to body' option which let the popup element appending to body element. This option exist in bootstrap ui datepicker.
I'm have a new issue after upgrading to Angular 1.5.
Following error:http://errors.angularjs.org/1.5.0/$compile/nonassign?p0=undefined&p1=fullData&p2=admDtp
when call like this: <adm-dtp
ng-model='item.Date_Ouverture' options='{format: "DD/MM/YYYY", autoClose: true}'">
Error not appearing when adding full-data
<adm-dtp
ng-model='item.Date_Ouverture' options='{format: "DD/MM/YYYY", autoClose: true}' full-data="date_details_Ouverture">
Did I miss something ?
First comment: look very nice ! good job !
I will try to use it in one of my projet, but I would like to know if you could put in option the possibility to change language:
Example: The gregorian calendar in French would be:
The second request would be to withdraw the possibility by option to change Calandar type.
I've found the way to do it on your code, but it would be nice to have it in future version.
Thanks.
Olivier
can't use this with webpack.
the js works fine when i'm doing import "adm-dtp/dist/ADM-dateTimePicker"
although would be better if i could just import "adm-dtp"
but the css does a-lot of troubles, seems like it contains many references to files the aren't there like on line 43: src: url("../fonts/font.svg#minifontawesomeregular") format("svg")
also including the scss doesn't work nor the minified css.
I would be happy to help if you want
Add dateTimePickerType to options, for separating timePicker and datePicker.
hi
when selected after leap year for example 1396/06/06 then open the calendar without select day (close out form) day increment auto(this bug in jalali calendar mode)
Hi folks,
thank you for your great DateTimePicker for Jalali calendar, maybe the best out there!
I'm trying to integrate your ADM-DateTimePicker with ionic and angular in my App.
With that I'm facing the following issues:
Thank you for your help!
Best regards,
Reza
When I use the datetimepicker with an custom input element like that:
<adm-dtp ng-model='vm.entity.date_start' ng-change="vm.validateDate('start',vm.entity.date_start)" options="{multiple:false}" mindate="'{{vm.today}}'" > <div class="input-group date"> <input type="text" dtp-input class="form-control input-sm" name="start-date" ng-model='vm.entity.date_start' required > <span dtp-toggle class="input-group-addon"> <i class="fa fa-calendar"></i> </span> </div> </adm-dtp>
And i change the date in the input by hand i get this error in the console: TypeError: Cannot read property 'replace' of undefined
when setting calType to jalali and setting disable pattern, datepicker got crazy!
ex: http://younesrahimi.github.io/ali-angular-persian-datepicker/index-main.html#/
How can i make this field as required?
Hi,
There seems to be a problem with AngularJS when the html5Mode is enabled that upon loading any url except / the icons are not displayed.
The error is: " NetworkError: A network error occurred. >> jquery.js - line: 5961 "
jQuery JavaScript Library v2.2.4
Thanks for your great datepicker. I've noticed a problem when opening the calendar popup, it can go behind some other part of the page which has a higher z-index than the container of the date picker, and there would be no way to bring it to front, since the popup element is added under the ADMdtp-container. I believe the common practice for popup div elements in web design is to add them as an immediate child of document body, so they can be properly brought to front using a z-index.
Thanks again
hi, could you please update this package for angular 2 ?
Hi
How to change calType of datepicker with $scope variable like this:
$scope.cal='gregorian';
$scope.options = {
calType: $scope.cal,
default: 'today',
multiple:false,
autoClose:true
};
Thanks
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.