examples/double.html

<!doctype html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>angular-eonasdan-datetimepicker</title>

    <!-- bower:css -->
    <link rel="stylesheet" href="../bower_components/bootstrap/dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="../bower_components/eonasdan-bootstrap-datetimepicker/build/css/bootstrap-datetimepicker.min.css">
    <!-- endinject -->
</head>

<body ng-app="plunker">

<div ng-controller="controller as vm">

    <div class="well">
        <h3>Angular-eonasdan-datetimepicker</h3>
        <a href="https://github.com/atais/angular-eonasdan-datetimepicker"><p style="margin: -10px 0 0 0;">
            https://github.com/atais/angular-eonasdan-datetimepicker</p></a>
        <br>

        <div class="row">
            <div class="col-md-3">
                <div class="form-group">
                    <div class="input-group" datetimepicker
                         on-change="vm.update(vm.dateFrom, vm.dateTo)"
                         ng-model="vm.dateFrom" options="vm.optionsFrom">
                        <input type="text" class="form-control"/>
                        <span class="input-group-addon">
                            <span class="glyphicon glyphicon-calendar"></span>
                        </span>
                    </div>
                </div>
                <br>
                <p><b>Input date:</b> {{vm.dateFrom.format() | date: 'yyyy/MM/dd'}}</p>
                <p><b>Options:</b> {{vm.optionsFrom}}</p>
            </div>
            <div class="col-md-3">
                <div class="form-group">
                    <div class="input-group" datetimepicker
                         on-change="vm.update(vm.dateFrom, vm.dateTo)"
                         ng-model="vm.dateTo" options="vm.optionsTo">
                        <input type="text" class="form-control"/>
                        <span class="input-group-addon">
                            <span class="glyphicon glyphicon-calendar"></span>
                        </span>
                    </div>
                </div>
                <br>
                <p><b>Input date:</b> {{vm.dateTo.format() | date: 'yyyy/MM/dd'}}</p>
                <p><b>Options:</b> {{vm.optionsTo}}</p>
            </div>
        </div>

        <button class="btn btn-default" ng-click="vm.print()">What's up?</button>
    </div>
</div>

<!-- bower:js -->
<script src="../bower_components/jquery/dist/jquery.js"></script>
<script src="../bower_components/bootstrap/dist/js/bootstrap.js"></script>
<script src="../bower_components/moment/moment.js"></script>
<script src="../bower_components/angular/angular.js"></script>
<script src="../bower_components/eonasdan-bootstrap-datetimepicker/build/js/bootstrap-datetimepicker.min.js"></script>
<!-- endinject -->
<script src="../dist/angular-eonasdan-datetimepicker.js"></script>
<script src="double.js"></script>
</body>
</html>