reuse of datepicker how to get the value - Using Umbraco 7

Press Ctrl / CMD + C to copy this to your clipboard.

Copied to clipboard

Flag this post as spam?

This post will be reported to the moderators as potential spam to be looked at

Theresa Danowski 16 posts 78 karma points

Oct 19, 2015 @ 14:22
0

Reuse of datepicker - how to get the value?
Hello,

I'm trying to reuse the umbraco Datepicker in a dialogservice together with other inputfields to edit some data.

This is how I included it so far in the controller:
```
$scope.dateValue=new Date();
$scope.datePicker = {
    editor: "Umbraco.DateTime",
    alias:"datepicker",
    view: 'datepicker',
    config: {
        pickDate: true,
        pickTime: false,
        useSeconds: false,
        format: "YYYY-MM-DD",
        icons: {
            time: "icon-time",
            date: "icon-calendar",
            up: "icon-chevron-up",
            down: "icon-chevron-down"
        }
    }, value: $scope.dateValue
};
```
In the view:
```
 <umb-property property="datePicker">
     <umb-editor model="datePicker"></umb-editor>
 </umb-property>
```
Before I submit the dialogService, I checked the value in $scope.dateValue but even if I selected another date in the picker, it's still the current date (because I set it to new Date in the beginning).

I expected the selected date to be stored in the variable I passed as value but it's not working. I was also looking in other forum threads but didn't found something working. Can you tell me how I can access the selected value of the datePicker?

Thank you in advance and best regards Theresa
Copy Link
Peter Bersani 14 posts 34 karma points

Dec 22, 2015 @ 18:27

0

Theresa,

Did you ever find a solution to this?

Peter

Copy Link
Theresa Danowski 16 posts 78 karma points

Mar 08, 2016 @ 12:43

0

Hi Peter,

I built something around the Picker to get the value right from the input-field of the picker and worked with that. I still don't know how to get the value from the picker itself, I'm sorry.

Copy Link
Aristotelis Pitaridis 84 posts 402 karma points

Mar 08, 2016 @ 13:00
0
The value is property of the $scope.datePicker. This means that you can get the value like this.
```
alert($scope.datePicker.value);
```
Copy Link
Theresa Danowski 16 posts 78 karma points

Mar 08, 2016 @ 13:09

0

I have tried this, too but it has never changed, even if I changed the date in the picker.

Copy Link
Aristotelis Pitaridis 84 posts 402 karma points

Mar 08, 2016 @ 13:14

0

It is strange. How you try to get the value? Do you try to get the value inside your controller?

Copy Link
Theresa Danowski 16 posts 78 karma points

Mar 08, 2016 @ 13:21

0

I have tried it in the controller, for example with the console.log or the debugger, but also in the model for a quick look.

It returned always the value I set before when I created the picker.

Copy Link
Aristotelis Pitaridis 84 posts 402 karma points

Mar 08, 2016 @ 13:26

0

You are right. I just made a test and for some reason the date picker does not update the value. I have tested it with other views like media picker or content picker and it works so I suppose there is a problem with the Date Picker view.

Copy Link

Robin Hansen 135 posts 368 karma points

Jun 29, 2017 @ 10:43

Hi All - I think I found a solution to this problem... - I was looking for a DataPicket that took current Date if empty. I've used this string as inspiration.

This is my View:

<div class="umb-editor umb-datepicker" ng-controller="Custom.DatePreValue">
<umb-editor model="datePickerNow"></umb-editor></div>

This is my controller:

angular.module("umbraco")
.controller("Custom.DatePreValue",
function ($scope, $filter) {
    $scope.dateValue = $scope.model.value;

    if (!$scope.model.value) { 
        $scope.dateValue = $filter('date')(new Date, "yyyy-MM-dd hh:mm:ss");
    }

    $scope.datePickerNow = {
        view: 'datepicker',
        config: {
            pickDate: true,
            pickTime: true,
            pick12HourFormat: false,
            format: "YYYY-MM-DD HH:mm:ss"
        }, value: $scope.dateValue
    };

    $scope.$on("formSubmitting", function (ev, args) {
        $scope.model.value = $scope.datePickerNow.value
    });
});

Everything works as intented :-)

Copy Link

is working on a reply...

Please Sign in or register to post replies

Flag this post as spam?

Reuse of datepicker - how to get the value?