Hi Craig,

I think you need to set the date as part of the options passed to picker. In the docs of the directive there is a link to documentation of the date picker control.

In this part http://eonasdan.github.io/bootstrap-datetimepicker/#enableddisabled-dates you can see they pass the defaultDate as an option.

can you try that ?

Dave

Hi Dave,

I've tried both of these below, but I can't get it to show the date. I have text fields on the form which work like normal :(

    vm.date = vm.workshop.date;

    vm.config = {
        pickDate: true,
        pickTime: false,
        useSeconds: false,
        defaultDate: vm.workshop.date,
        format: "DD/MM/YYYY",
        icons: {
            time: "icon-time",
            date: "icon-calendar",
            up: "icon-chevron-up",
            down: "icon-chevron-down"
        }
    };

Hi Craig,

What if you just put in a string like '01/01/2018' for default date.

Does it get set ?

Dave

Hmmmm, yes that works?

So my guess than is that vm.workshop.date is not a valid date.

Dave

just sent it to the console and its undefined. Thanks dave, just trying to get me head around how angularjs is working with umb fields :(

This is freaking me out.

The date now appears when I initially go into my custom section, but when I select tree items the date field goes blank even though I know the model has the information.

    vm.config = {
        pickDate: true,
        pickTime: false,
        useSeconds: false,
        format: "DD/MM/YYYY",
        icons: {
            time: "icon-time",
            date: "icon-calendar",
            up: "icon-chevron-up",
            down: "icon-chevron-down"
        }
    };

    //save
    vm.save = function () {
        vm.buttonState = "busy";
        workshopResource.save(vm.workshop).then(function (response) {
            vm.buttonState = "success";
            vm.workshop = response.data;
            notificationsService.success("Workshop saved!");
        });
    };

    //initialize
    if (!$routeParams.create) {
        workshopResource.getById($routeParams.id).then(function (response) {
            vm.workshop = response.data;
            vm.config.defaultDate = moment(vm.workshop.date);
            console.log(vm.workshop.date);
        });
    }

    vm.datePickerChange = datePickerChange;

    function datePickerChange(event) {
        if (event.date && event.date.isValid()) {
            vm.workshop.date = event.date;

Thanks Dave, I'll give it a try now :)

Thanks for you help Dave, I don't quite understand why but

this works, getting my training videos out later :)

Hi Dave, sorry to bother you but I can see you have built custom sections and have a good idea how things work.

I have one small minor issue. I have checked all the documentation but can't seem to find the answer.

All is working but I have a 2 layer tree view

Date Folder -> Date -> Date Date Folder -> Date -> Date

How do I only allow the click event when somebody clicks Date. At the moment it runs when I click Date Folder and date?

Yes.

Hi Craig,

Create some css like this ;

.umb-tree li div.no-click .root-link, .umb-tree li div.no-click .umb-tree-icon, .umb-tree li div.no-click .umb-tree-item__label {
    pointer-events:none;
}

And then in your tree controller add this to the nodes that you don't want to be clicked :

treeNode.CssClasses.Add('no-click');

Haven't tested it but I think this should do the trick.

Dave

Worked a treat....you're a life saver Dave thank you. I've started my angularjs training now :)

Nice...something I will be using myself as well now.

Dave

is working on a reply...