Question

58

Combining Date and Time input strings as a Date object

rated 0 times [ 62] [ 4] / answers: 1 / hits: 12965 / 11 Years ago, tue, february 4, 2014, 12:00:00

I have two input tags for picking date and time from user.

<p>Start Date</p><p> <input ng-model=sdate type=date ></p>

<p>Start Time</p><p> <input ng-model=stime type=time ></p>

These two values are passed to a function where I want to combine these two input values as a Date object:

 new Date(y, m, d, hh, mm, a)

Which I can then use to plot an event's details in a Calendar. How can I combine these two values? I have tried:

start:new Date(sdate + stime)





start:new Date(sdate , stime)





start: new Date(sdate.getFullYear() + sdate.getMonth() + sdate.getDate() + stime.getHours + stime.getMinutes())

But none of what I have tried is working.

How do I achieve this when using AngularJS?

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

wyattkennyc

Add To Favorites

Follow

Total Points: 650

Total Questions: 102

Total Answers: 90

Location: Monaco

Member since Mon, May 23, 2022

2 Years ago

wyattkennyc questions

1 error TS2307: Cannot find module 'marked' or its corresponding type declarations

Wed, Apr 20, 22, 00:00, 2 Years ago

1 how to create a optional list field in prisma

Wed, Jan 12, 22, 00:00, 2 Years ago

1 axios.post not returning data from server: Cannot destructure property 'data' of '(intermediate value)' as it is undefined

Wed, Jan 13, 21, 00:00, 3 Years ago

1 how to implement a refresh button with React Hooks?

Mon, Oct 12, 20, 00:00, 4 Years ago

1 VueJS RangeError: Maximum call stack size exceeded

Thu, Apr 16, 20, 00:00, 4 Years ago

View All

answered 11 Years ago gavenmekhio · Accepted Answer

In angular it would go something like this:

Controller:

function exampleController($scope) {

    $scope.title = $Watch sample;   



    $scope.$watch('sdate', function() {

       tryCombineDateTime(); 

    });



    $scope.$watch('stime', function() {

       tryCombineDateTime();

    });



    function tryCombineDateTime() {

        if($scope.sdate && $scope.stime) {

            var dateParts = $scope.sdate.split('-');

            var timeParts = $scope.stime.split(':');



            if(dateParts && timeParts) {

                dateParts[1] -= 1;

                $scope.fullDate = new Date(Date.UTC.apply(undefined,dateParts.concat(timeParts))).toISOString();

            }

        }

    }

}

HTML

<div ng-app ng-controller=exampleController>

    <h2>{{title}}</h2>

    <p>Start Date</p><p> <input ng-model=sdate type=date ></p>

    <p>Start Time</p><p> <input ng-model=stime type=time ></p>



    {{fullDate}}

</div>

You need to make use of the $watch listener on a variable when it changes, then call your function.

Note: it would be even better if you make a directive for this.

Fidle