---
title: "How to make DateTime number field editable in ExtJS?"  
description: "How to make DateTime number field editable in ExtJS?"  
author: "zack mathews"  
published: 2016-05-10  
updated: 2016-08-08  
canonical: https://www.mindstick.com/forum/34129/how-to-make-datetime-number-field-editable-in-extjs  
category: "sencha extjs"  
tags: ["javascript", "sencha"]  
reading_time: 1 minute  

---

# How to make DateTime number field editable in ExtJS?

I am new in [Extjs](https://www.mindstick.com/forum/34106/how-to-use-extjs-grid), I am extending existing ExtJS6 DatePicker for [date time](https://www.mindstick.com/blog/386/retrieve-sql-server-installation-date-time) picker and in the DatePicker using numberfield. My [problem](https://yourviews.mindstick.com/view/81399/tackling-the-problem-of-unemployment-during-corona-pandemic) is the number [field](https://www.mindstick.com/forum/160867/does-mindstick-provide-training-for-field-marketing) is not editable and also the spinner in numberfield once [click](https://www.mindstick.com/articles/12423/social-login-magento-2-one-click-to-register-social) the [date picker](https://www.mindstick.com/blog/627/date-picker-using-bootstrap-in-asp-dot-net) is gone.\
Please [anyone tell me](https://www.mindstick.com/interview/23033/can-anyone-tell-me-about-hadoop-toolbox) why the number field is not editable and what will be the [wrong](https://answers.mindstick.com/qa/48468/who-wrote-the-the-wrong-enemy-america-in-afghanistan-2001-2014-and-when) in it?

## Replies

### Reply by Archie Pearce

Thanks!It's help me too))

### Reply by Tarun Kumar

Yes, the problem you are facing is common in newbies. So you can use ownerCt and ownerLayout properties on your buttons in the beforeRender method. See the example:

```
demo.minuteBtn = new _$Number({
    ownerCt: demo,
    ownerLayout: demo.getComponentLayout(),
    minValue: 0,
    maxValue: 20,
    step: 1,
    width: 50
});
```

I hope your problem is now resolved.\


---

Original Source: https://www.mindstick.com/forum/34129/how-to-make-datetime-number-field-editable-in-extjs

Copyright © MindStick Software Pvt. Ltd. This Markdown version is provided for developers, AI systems, and offline reading.