how to combine values from Datepicker & Timepicker in one variable

Question

I have angular App U I have Datepicker & Timepicker using angular-ui when user select date $Scope.dt and set time $Scope.mytime I am trying to combine in one $Scope.SelectedDateTime I get NaN. I don't know how to fix it

update when user select date $scope.dt value will be 'ok when user select date it will 'Thu Mar 05 2015 00:00:00 GMT-0500 (Eastern Standard Time)' and $scope.mytime value 'Thu Mar 05 2015 23:30:00 GMT-0500 (Eastern Standard Time)' how to combine them in one variable html

      <h4>Popup</h4>
        <div class="row">
            <div class="col-md-6">
                <p class="input-group">
                  <input type="text" class="form-control" datepicker-popup="{{format}}" ng-model="dt" />
                  <span class="input-group-btn">
                    <button type="button" class="btn btn-default" ng-click="open($event)"><i class="glyphicon glyphicon-calendar"></i></button>
                  </span>
                </p>
            </div>
        </div>
    <timepicker ng-model="mytime" ng-change="changed()" hour-step="hstep" minute-step="mstep" show-meridian="ismeridian"></timepicker>
<button type="button" class="btn btn-sm btn-info" ng-click="SelectedDateTime()">Today</button>

javascript

    $scope.today = function() {
      $scope.dt = new Date();
    };
    $scope.today();
    $Scope.mytime = new Date();
 $scope.changed = function () {
    $log.log('Time changed to: ' + $scope.mytime);
  };

  $scope.clear = function() {
    $scope.mytime = null;
  };
    $Scope.SelectedDateTime = function()
    {
      var SelectedDateTime = $scope.dt +''+$scope.mytime;
    }

Could you please share changed() code. As per your code, you are trying to add two dates and it will fine — mohamedrias, Mar 06 '15 at 02:36
if possible setup a jsfiddle. Something which could be the reason for NaN is one of the operator is undefined and others are number — mohamedrias, Mar 06 '15 at 02:38

Markenson França · Answer 1 · 2015-12-10T01:30:22.060

6

I solved this problem using the same ng-model for Datepicker and Timepicker.

<input type="text" ng-model="myDateModel" datepicker-options="dateOptions" ... />

<uib-timepicker ng-model="myDateModel"...></uib-timepicker>

I hope it helps you too! Good luck!

edited Dec 10 '15 at 01:30

answered Nov 04 '15 at 02:03

Markenson França

489
5
12

Perfect in it's simplicity :) – Mitch Kent Mar 18 '16 at 15:41

charlietfl · Accepted Answer · 2015-03-06T03:08:14.370

0

You can't concatenate or try to add date objects as if they are numbers.

What you are basically trying to do is

new Date() +" "+ new Date()

Paste that line into browser console and you will see something like:

"Thu Mar 05 2015 21:54:37 GMT-0500 (Eastern Standard Time) Thu Mar 05 2015 21:54:37 GMT-0500 (Eastern Standard Time)"

You need to deal with them as Date objects and use appropriate Date prototype methods to manipulate them

Some of the methods you would need would be:

Date.prototype.getHours()
Date.prototype.setHours()

Above assumes that you are trying to actually create a new DateTime. If not it is not clear what your expected results are

Reference: MDN Date.prototype Docs

edited Mar 06 '15 at 03:08

answered Mar 06 '15 at 02:57

charlietfl

170,828
13
121
150

what I trying to do is to take the combine two variable date and time in one variable – Mar 06 '15 at 03:12
I realize that, but what is it supposed to be? I assumed you want the time to adjust on the date no? `one variable` could be type string, date object, timestamp etc. – charlietfl Mar 06 '15 at 03:13
yes because when user select date from datepicker the time part will be '00:00:00 ' and user will set the time on timepicker just want to get thepart is set by user and combine in one variable – Mar 06 '15 at 03:21
OK, so I've given you the information needed correctly then. Also you won't have any problem finding lots of tutorials on manipulating dates – charlietfl Mar 06 '15 at 03:29

how to combine values from Datepicker & Timepicker in one variable

2 Answers2