title: Hard refresh needed to display data in Umbraco.DateTime control
body: <p>I have a custom section in Umbraco, when you click a node in my custom tree, the URL is correctly displayed and the data loads successfully.</p>
  
  <p>When you then click another node in the tree (sibling, exactly the same controller and view)</p>
  
  <p>All the data loads...... except for the data that should shown in the calender control. If I reload the page the data loads. <a href="https://i.stack.imgur.com/ZlgBY.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/ZlgBY.png" alt="enter image description here"></a></p>
  
  <p>For testing, I created and added an extra control but this time it is just a Umbraco.Textbox, and the data always loads correctly</p>
  
  <p>So what is it about the Umbraco.DateTime all the other controls I have on the same page load drop downs, check boxes etc</p>
  
  <p>Is there something I can do in my Angular(v1.6) controller to force these to update everytime? </p>
  
  <p><strong>Update: Code in my view looks like this.</strong></p>
  
  <pre><code>                            &lt;umb-property property="vm.endDateTimeTxt"&gt;
                              &lt;umb-editor model="vm.endDateTimeTxt"&gt;&lt;/umb-editor&gt;
                          &lt;/umb-property&gt;
  
                          &lt;umb-property property="vm.startDateTimePropertyEditor"&gt;
                              &lt;umb-editor model="vm.startDateTimePropertyEditor"&gt;&lt;/umb-editor&gt;
                          &lt;/umb-property&gt;
  
                          &lt;umb-property property="vm.endDateTimePropertyEditor"&gt;
                              &lt;umb-editor model="vm.endDateTimePropertyEditor"&gt;&lt;/umb-editor&gt;
                          &lt;/umb-property&gt;
  </code></pre>
  
  <p>And For the Umbraco.DatePicker controls this is the method that genrates the property editor</p>
  
  <pre><code>function buildUmbracoClockPropertyEditor(alias, editor, view, label, description, config, mandatory = true) {
              return {
                  editor: "Umbraco.DateTime",
                  label: label,
                  description: description,
                  hideLabel: false,
                  view: view,
                  alias: alias,
                  value: null,
                  validation: {
                      mandatory: mandatory,
                      pattern: ""
                  },
                  config: {
                      pickDate: true,
                      pickTime: false,
                      useSeconds: false,
                      format: "YYYY-MM-DD HH:MM:SS",
                      icons: {
                          time: "icon-time",
                          date: "icon-calendar",
                          up: "icon-chevron-up",
                          down: "icon-chevron-down"
                      }
                  },
              }
  </code></pre>
  
  <p>I have also updated the format of the string when it is loaded in to the text box so now this is before a hard refresh.</p>
  
  <p><a href="https://i.stack.imgur.com/G29Xu.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/G29Xu.png" alt="enter image description here"></a></p>
  
  <p>And this is after</p>
  
  <p><a href="https://i.stack.imgur.com/yaUk6.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/yaUk6.png" alt="enter image description here"></a></p>
  
  <p>So as you can see the data is there, it gets loaded in to the text box first time you click on a node, but required me to go to my browser address bar and press enter to get the dates to load in to the Umbraco.DateTime controls.</p>
  
  <p>this is just nuts! the data is there, the format is the same... what else could it be!</p>