Angular datepicker using Bootstrap - angularjs

When we select a date from the angular Datepicker and my model is empty first time, then it selects one day back date.
If we assign current date first time in the model, then it works fine.

Check here
and here
It seems that in both, changing the date format seemed to fix the problem.
Also, welcome to Stack Overflow :)

Related

React JS DateTimePicker issue - Changing the time 12:01pm and 1:59pm - updated into next date

There is issue on DateTimePicker and DatePicker.
I am trying to modify the time as 12:10pm or 12:20pm in the DateTimePicker drop down, but it is changing the date as next day.
Example :- If the date is 12-Mar-2021, After modification in time drop down as 12:10PM, then the original date has changed to 13-Mar-2021.
It happens when only when i change the time as custom one, not happen with pre-defined drop down list example:- 12:30pm, 1:00pm.
I tried with all this solutions:-
https://github.com/Hacker0x01/react-datepicker/issues/1018

how to push correct time from input textbox in angularjs

i want to push time in my database but when i push time my $scope.moreadditems variable its save wrong time please help me i am using angularjs
check when i enter time 9:00 AM why this show different time
check jsfiddle
i am adding below time its working fine add in table
but when i click show details its show different time
and also this time in database why
input[time] will always output datetime of 1970-01-01 + the time you inputed, see documentation here.
If you just want to keep the time part, you can use filter date to pick it, and don't forget to inject $filter first.
var timeHHMM = $filter('date')(time, 'hh:mm');
refer demo.

displaying two months in angular datepicker

I want to have a date picker which displays 2 months calendar at a time in angular. want the one like in this. Please suggest how to implement that in angular
The angular-daterangepicker from fragaria seems to match the requirements here.
There is a live demo of the picker here, just click on the date-range in the upper right corner to see it in action.
Datetime Range Picker is a good option too. Additionally, it has the time component.
http://rgkevin.github.io/datetimeRangePicker/#/home
i need use this for angular 2+ (in angular-material).
possible ?

How to add year/months/day to a current date using angularJS

I am new to angularJS and now i would like to how to add the year from current date.
Let's say i can get the user DOB and i want to add the year+1.
I have tried by using,
$scope.userdob = $rootScope.user.dob;
$scope.userdob.add(1,'years');
but it's not working.
Can anyone help me to know about this logic with example ?
TIA..,
You should use .setDate() function to increment the days.
I created an angular example here http://codepen.io/heshamelghandour/pen/WwodMP
It looks like $rootScope.user.dob is an instance of moment from the moment.js library. I think your main problem is angular's change detection cannot detect when you mutate this instance. Because the instance remains the same but the internal underlying date value does change. Thus I'd suggest:
$scope.userdob = $rootScope.user.dob.clone().add(1,'years').valueOf();
That way angular will get a regular JavaScript Date object instead of a moment instance and it's change detection will work correctly.
FYI to accomplish the same with a standard javascript Date instance you can do:
var userdob = new Date();
userdob.setYear(userdob.getFullYear() + 1)
To advance the year by 1.
Use .setDate() function to increment the days and instead of +1 day and add +365 days it will give you date after 1 year.

richfaces calendar datePattern="yyyy/MM"

I have problem with richfaces calendar. I want to see only year and month so i made datePattern="yyyy/MM", which works fine until i want to change date.
When i click on button and calendar pop up the current value disappear. If i don't select date the value is null. I tried to save old date in my bean but problem remains because when i open calendar it is always set to todays date.
Problem occur only when i don't put dd(days) in datePatern
<rich:calendar value="#{myBean.date}" datePatern="yyyy/MM" />
Tnx for help in advance
I got answer on richfaces forum so i will copy it also here
I guess rich:calendar is not the right choice at you case although rich:calendar may be bound to probably any object type provided that you supply custom converter a day ordinal still should be supplied because it's a part of the date maybe you would do better with a h:selectOneMenu to specify a month and a h:inputText to define a year instead of "incomplete" rich:calendar

Resources