Angular get date from datetimepicker

Question

I'm trying to get the date from a bootstrap datetimepicker but when I put a ng-model on the input field it's not working?

html

<!-- EndDate -->
<div class="form-group">
    <label for="dtp_enddate">Eind datum:</label>
    <div class="input-group date" id="dtp_endDate">
        <input type="text" class="form-control" name="EndDate" ng-model="employeeCtrl.employee.EndDate" required="required" />
            <span class="input-group-addon">
                <span class="glyphicon glyphicon-calendar"></span>
            </span>
    </div>
</div>

jquery

   $(function() {
        $('#dtp_endDate').datetimepicker({
            useCurrent: true,
            collapse: true,
            format: 'YYYY-MM-D',
            locale: 'nl',
            allowInputToggle: true
        });
    });

How could I accomplish that?

also try avoiding usage of any 3rd party libraries along with angularjs, like in your case usage of jquery. Whatever you can do with Jquery is possible with angularjs as well. more info for your reference :stackoverflow.com/questions/14994391/… — dreamweiver
– dreamweiver, Commented Apr 11, 2016 at 12:57

Igor Bukin · Accepted Answer · 2016-04-11 12:56:11Z

2

It is not the best practice to combine angularJS with jQuery plugins. There is a plenty of plugins converted to angularJS directives, which you could try to use. E.g. https://github.com/dalelotts/angular-bootstrap-datetimepicker

answered Apr 11, 2016 at 12:56

Igor Bukin

1,0068 silver badges14 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Alexander Elgin · Accepted Answer · 2016-04-11 12:55:02Z

1

If you need date-time-picker in a single component you can use http://dalelotts.github.io/angular-bootstrap-datetimepicker/ or you can use 2 components (datepicker and timepicker) from Angular Bootstrap

answered Apr 11, 2016 at 12:55

Alexander Elgin

6,9954 gold badges44 silver badges53 bronze badges

Comments

Nicholas · Accepted Answer · 2016-04-11 12:55:50Z

1

for example

<input type="text" datepicker-popup="dd-MMMM-yyyy" ng-model="dt" />
in this example date is binding to dt (ng-model="dt")

you can get data by $scope.dt if you want to watch the date change you can do

$scope.$watch('dt',function(val){
   //to do       
   console.log(val)
})

answered Apr 11, 2016 at 12:55

Nicholas

3,8442 gold badges28 silver badges31 bronze badges

Comments

Vinit Desai · Accepted Answer · 2016-04-11 12:59:11Z

0

Include id ="dtp_endDate" inside input tag

<input type="text" id="dtp_endDate" class="form-control" name="EndDate" ng-model="employeeCtrl.employee.EndDate" required="required" />

answered Apr 11, 2016 at 12:59

Vinit Desai

5201 gold badge4 silver badges20 bronze badges

Collectives™ on Stack Overflow

Angular get date from datetimepicker

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related