Edit this page

Use AngularJS Copy Functionality

The following example demonstrates how to use the AngularJS copy functionality in a Kendo UI DatePicker.

    <div id="example" ng-app="KendoDemos">
      <div class="demo-section k-content"ng-controller="MyCtrl">
        <div class="box-col">
          <h4>Select date:</h4>
          <input kendo-date-picker
                 k-ng-model="info.dateObject" />

          <button ng-click="reset()">RESET</button>
          <button ng-click="update(info)">SAVE</button>

          typeof dateObject: 
          dateObject instanceof Date: 

      <style scoped>
        .box-col {
          width: 400px;

      angular.module("KendoDemos", [ "kendo.directives" ]);
      function MyCtrl($scope) {
        $scope.getType = function(x) {
          return typeof x;
        $scope.isDate = function(x) {
          return x instanceof Date;

        $scope.master= {};

        $scope.info= {
          dateObject: new Date(2014, 10, 10)

        $scope.update = function(info) {
          // Example with 1 argument
          $scope.master= angular.copy(info);

        $scope.reset = function() {
          // Example with 2 arguments
          $scope.info = {
            dateObject: null

See Also

For more runnable examples on the Kendo UI DatePicker, browse its How To documentation folder.

Is this article helpful? Yes / No
Thank you for your feedback!

Give article feedback

Tell us how we can improve this article