Отправка даты из модальной формы

@VlGuvin · Регистрация: 04.08.2015

Студворк — интернет-сервис помощи студентам

Имеется модальная форма в которой присутствует дата

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
Ext.define('CarCatalog.view.AddCarFormView', {
    extend: 'Ext.window.Window',
    alias: 'widget.addCarFormView',
    autoShow: true,
    layout: 'fit',
    modal: true,
    items: [
        {
            bodyPadding: 10,
            xtype: 'form',
            items: [
                {
                    xtype: 'textfield',
                    name: 'name',
                    fieldLabel: 'Тип документа',
                    allowBlank: false,
                    blankText: 'Это поле должно быть заполнено'
                },
                {
                    xtype: 'textfield',
                    name: 'stilazh',
                    fieldLabel: 'Стилаж',
                },
                {
                    xtype: 'textfield',
                    name: 'shelf',
                    fieldLabel: 'Полка',
                },
                {
                    xtype: 'textfield',
                    name: 'sector',
                    fieldLabel: 'Сектор',
                },
                {
                    xtype: 'datefield',
                    name: 'datebegin',
                    fieldLabel: 'Дата начало',
                    format: 'd-m-Y',
                    value: '02-04-2019'
                },
                {
                    xtype: 'datefield',
                    name: 'dateend',
                    fieldLabel: 'Дата конец',
                    format: 'd-m-Y',
                },
                {
                    xtype: 'textfield',
                    name: 'namedoc',
                    fieldLabel: 'Название',
                },
                {
                    xtype: 'textfield',
                    name: 'branch',
                    fieldLabel: 'Филиал',
                },
                {
                    xtype: 'textfield',
                    name: 'service',
                    fieldLabel: 'Службы',
                },
                {
                    xtype: 'textfield',
                    name: 'folderNumber',
                    fieldLabel: 'Номер папки',
                },
                {
                    xtype: 'textfield',
                    name: 'quantity',
                    fieldLabel: 'Количество',
                },
                {
                    xtype: 'textfield',
                    name: 'vilage',
                    fieldLabel: 'Нас.пункт',
                },
                {
                    xtype: 'textfield',
                    name: 'personnelNumber',
                    fieldLabel: 'Таб.номер',
                },
                {
                    xtype: 'datefield',
                    name: 'addTime',
                    fieldLabel: 'Добавлено',
                    format: 'd-m-Y',
                    submitFormat: 'd-m-Y',
                    value: new Date(),
                }
            ]
        }
    ],
 
    buttons: [
        {
            text: 'Сохранить',
            action: 'save',
            disabled: true
        },
        {
            text: 'Отменить',
            handler: function () {
                this.up('window').close();
            }
 
        }
    ]
});

Имеется также Grid

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
Ext.define('CarCatalog.view.CarGridView', {
    extend: 'Ext.grid.Panel',
    alias: 'widget.carGridView',
    width: 400,
    height: 300,
    frame: true,
    autoscroll: true,
    store: 'CarCatalogStore',
    iconCls: 'icon-user',
    viewConfig:{
        markDirty:false
    },
    columns: [
        {
            text: 'Id',
            sortable: true,
            dataIndex: 'id',
            width: 70,
            editor: {
                xtype:'textfield',
            }
        },
        {
            text: 'Тип документа',
            sortable: true,
            dataIndex: 'name',
            width: 200,
            editor: {
                xtype:'textfield',
            }
        },
        {
            text: 'Стилаж',
            sortable: true,
            dataIndex: 'stilazh',
            width: 80,
            editor: {
                xtype:'textfield',
            }
        },
        {
            text: 'Полка',
            sortable: true,
            dataIndex: 'shelf',
            width: 80,
            editor: {
                xtype:'textfield',
                regex: /^([0-9]{1,10})*$/,
                regexText: 'Должна быть цифра',
                allowBlank: false,
                blankText: 'Это поле должно быть заполнено'
            }
        },
        {
            text: 'Сектор',
            sortable: true,
            dataIndex: 'sector',
            width: 80,
            editor: {
                xtype:'textfield',
                allowBlank: false,
                blankText: 'Это поле должно быть заполнено'
            }
        },
        {
            text: 'Дата начало',
            dataIndex: 'datebegin',
            sortable: true,
            format: 'd-m-Y',
            xtype: 'datecolumn',
            width: 120,
            editor: {
                format: 'd-m-Y',
                xtype: 'datefield',
            }
        },
        {
            text: 'Дата конец',
            dataIndex: 'dateend',
            sortable: true,
            format: 'd-m-Y',
            xtype: 'datecolumn',
            width: 120,
            editor: {
                xtype: 'datefield',
                format: 'd-m-Y',
                value: '1980-03-06 06:29:09.000'
            }
        },
        {
            text: 'Название',
            dataIndex: 'namedoc',
            sortable: true,
            width: 120,
            editor: {
                xtype: 'textfield',
            }
        },
        {
            text: 'Филиал',
            dataIndex: 'branch',
            sortable: true,
            width: 120,
            editor: {
                xtype: 'textfield',
            }
        },
        {
            text: 'Службы',
            dataIndex: 'service',
            sortable: true,
            width: 120,
            editor: {
                xtype: 'textfield',
            }
        },
        {
            text: '№ папки',
            dataIndex: 'folderNumber',
            sortable: true,
            width: 80,
            editor: {
                xtype: 'textfield',
            }
        },
        {
            text: 'Количество',
            dataIndex: 'quantity',
            sortable: true,
            width: 120,
            editor: {
                xtype: 'textfield',
            }
        },
        {
            text: 'Населенный пункт',
            dataIndex: 'vilage',
            sortable: true,
            width: 170,
            editor: {
                xtype: 'textfield',
            }
        },
        {
            text: 'Табельный номер',
            dataIndex: 'personnelNumber',
            sortable: true,
            width: 170,
            editor: {
                xtype: 'textfield',
            }
        },
        {
            text: 'Добавлено',
            dataIndex: 'addTime',
            sortable: true,
            format: 'd-m-Y',
            xtype: 'datecolumn',
            width: 120,
            editor: {
                xtype: 'datefield',
                format: 'd-m-Y',
                value: '1980-03-06 06:29:09.000'
            }
        },
    ],
    plugins: [
        Ext.create('Ext.grid.plugin.RowEditing', {
            clicksToEdit: 2,
            saveBtnText: 'Сохранить',
            cancelBtnText: 'Отменить'
        })
    ],
    selType: 'rowmodel',
    dockedItems: [
        {
            xtype: 'toolbar',
            items: [
                {
                    text: 'Добавить',
                    action: 'add',
                    iconCls: 'icon-add'
                },
                '-',
                {
                    action: 'delete',
                    text: 'Удалить',
                    iconCls: 'icon-delete',
                    disabled: true
                }
            ]
        }
    ]
});

Модель имеет вид

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
Ext.define('CarCatalog.model.CarCatalogModel', {
    extend: 'Ext.data.Model',
    fields: [
        {name: 'id'},
        {name: 'name'},
        {name: 'stilazh'},
        {name: 'shelf'},
        {name: 'sector'},
        {name: 'datebegin'},
        {name: 'dateend'},
        {name: 'namedoc'},
        {name: 'branch'},
        {name: 'service'},
        {name: 'folderNumber'},
        {name: 'quantity'},
        {name: 'vilage'},
        {name: 'personnelNumber'},
        {name: 'addTime'}
    ],
    proxy: {
        type: 'ajax',
        api: {
            create: 'car',
            read: 'car',
            destroy: 'car',
            update: 'car'
        },
        reader: {
            type: 'json',
            root: 'data',
            successProperty: 'success'
        },
        writer: {
            type: 'json',
            writeAllFields: true,
            writeRecordId: false
        }
 
    }
});

При редактировании данных, в частности дат, в Grid сохраняется все нормально. При этом в заголовке POST даты имеют формат как на картинке 1
Но когда я пытаюсь добавить запись с модальной формы то возникает ошибка 400 и в заголовке даты имеют вид как на картинке 2
Понимаю, что нужно правильно отформатировать дату прежде чем отправить ее на сервер, но не знаю как и где.
Подскажите пожалуйста как решить эту проблему.

Donald28 · 01.07.2019, 17:26

Приведите код сохранения данных через модальное окно (handler при нажатии на кнопку `[action=save]`)

@VlGuvin · 01.07.2019, 18:45 **[ТС]**

Проект делаю на базе примера https://habr.com/ru/post/240033/
Код сохранения ( onSaveCar) находится в контроллере

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
Ext.define('CarCatalog.controller.CarCatalogController', {
    extend: 'Ext.app.Controller',
 
    refs: [
        {selector: 'carGridView',
            ref: 'carGridView'},
        {selector: 'carGridView button[action="add"]',
            ref: 'carGridAdd'},
        {selector: 'carGridView button[action="delete"]',
            ref: 'carGridDelete'},
        {selector: 'searchCarView checkbox[name="fl1"]',
            ref: 'search1Car'},
        {selector: 'testCarView checkbox[name="myCheckBox"]',
            ref: 'searchTestCar'},
        {selector: 'addCarFormView',
            ref: 'addCarFormView'},
        {selector: 'carCatalogView',
            ref: 'carCatalogView'},
        {selector: 'addCarFormView textfield[name=name] ',
            ref: 'addCarFormName'},
        {selector: 'addCarFormView textfield[name=stilazh]',
            ref: 'addCarFormStilazh'},
        {selector: 'addCarFormView textfield[name=shelf]',
            ref: 'addCarFormShelf'},
        {selector: 'addCarFormView textfield[name=sector]',
            ref: 'addCarFormSector'},
        {selector: 'addCarFormView datefield[name=datebegin]',
            ref: 'addCarFormDatebegin'},
        {selector: 'addCarFormView datefield[name=dateend]',
            ref: 'addCarFormDateend'},
        {selector: 'addCarFormView textfield[name=namedoc]',
            ref: 'addCarFormNamedoc'},
        {selector: 'addCarFormView textfield[name=branch]',
            ref: 'addCarFormBranch'},
        {selector: 'addCarFormView textfield[name=service]',
            ref: 'addCarFormService'},
        {selector: 'addCarFormView textfield[name=folderNumber]',
            ref: 'addCarFormFolderNumber'},
        {selector: 'addCarFormView button[action=save]',
            ref: 'addCarFormSave'}
    ],
 
    init: function () {
        this.control({
            'carGridView  button[action=add]': {
                click: this.onAddCar
            },
            'carGridView  button[action=delete]': {
                click: this.onDelCar
            },
            'searchCarView  checkbox[name="fl1"]': {
                change: this.changeCheckBoxSearch1
            },
            'testCarView  item[name="myCheckBox"]': {
                change: this.itemTreeClick
            },
            'carGridView': {
                cellclick: this.onLineGrid
            },
            'addCarFormView  button[action=save]': {
                click: this.onSaveCar
            },
            'addCarFormView  textfield[name=name]': {
                change: this.onValidation
            },
        });
    },
 
    onSaveCar: function (button) {
        var me = this;
        var carModel = Ext.create('CarCatalog.model.CarCatalogModel');
        carModel.set(this.getAddCarFormView().down('form').getValues());
        carModel.save({
            success: function (operation, response) {
                // var objAjax = operation.data;
                var objAjax = operation.data();
                Ext.getStore('CarCatalogStore').add(objAjax);
                // Ext.getStore(CarCatalog).add(objAjax);
                me.getAddCarFormView().close();
            },
            failure: function (dummy, result) {
                Ext.MessageBox.show({
                    title: 'Дубликат!',
                    msg: 'Такой документ уже существует',
                    buttons: Ext.Msg.OK,
                    icon: Ext.Msg.ERROR
                });
            }
 
        });
    },
 
    onAddCar: function () {
        Ext.widget('addCarFormView');
    },
 
    onDelCar: function () {
        var sm = this.getCarGridView().getSelectionModel();
        var rs = sm.getSelection();
        this.getCarGridView().store.remove(rs[0]);
        this.getCarGridView().store.commitChanges();
        this.getCarGridDelete().disable();
    },
 
    changeCheckBoxSearch1: function(checkbox, newValue, oldValue, eOpts) {
        // var combo = checkbox.up('form').down('textfield');
        if (newValue) {
            // Получение строки поиска по включенному checkbox
            Ext.getStore('CarCatalogStore').load({
                params: {
                    // search1: this.getCarCatalogView().down('searchCarView').down('textfield').getValue()
                    search1: this.getCarCatalogView().down('searchCarView').down('#s1').getValue(),
                    search2: this.getCarCatalogView().down('searchCarView').down('#s2').getValue(),
                    search3: this.getCarCatalogView().down('searchCarView').down('#s3').getValue(),
                }
            });
        }
        else if (oldValue) {
            Ext.getStore('CarCatalogStore').load({
            });
        }
    },
 
    itemTreeClick : function(view,rec,item,index,eventObj) {
 
        // You can access your node information using the record object
        // For example: record.get('id') or record.get('some-param')
        if(r.get('id')=='SP') {
            // I do my necessary logic here.. may be open a perticular window, grid etc..
        }
 
        if(r.get('id')=='CO') {
            // I do my necessary logic here.. may be open a perticular window, grid etc..
        }
    },
 
    onLineGrid: function () {
        this.getCarGridDelete().enable();
    },
 
    onValidation: function () {
        if (this.getAddCarFormName().validate()
        ) {
            this.getAddCarFormSave().enable();
        } else {
            this.getAddCarFormSave().disable();
        }
    },
 
});

В базе данных (MSSQL) поле даты имеет тип datetime
Дата в нем сохранена в таком виде (картинка 1)

@VlGuvin · 01.07.2019, 22:51 **[ТС]**

Если необходимо выложу весь проект. Он тестовый.

Добавлено через 4 часа 0 минут
Если в модели прописать тип date

JavaScript
1
{name: 'datebegin', type: 'date'},

то при сохранении данных из формы ошибки 400 нет но дата сохраняется в базе
неверно, всегда одна и та же

JavaScript
1
19-01-1970

при любом выборе даты
Тестовый проект на Bitbucket https://bitbucket.org/yguvin/a... master.zip

@VlGuvin · 04.07.2019, 08:25 **[ТС]**

Вопрос решился так

JavaScript
1
 submitFormat: 'c',

https://docs.sencha.com/extjs/... .Date.html

Новые блоги и статьи Все статьи Все блоги /
Как генерируется мир в Minecraft GameUnited 28.05.2025 Задумывались ли вы когда-нибудь о том, сколько песчинок на нашей планете? По приблизительным подсчетам - более 7 квинтиллионов! Это цыфра с 18 нулями. И все же, это даже не половина количества. . .	Один суперкластер Kubernetes для вообще всего Mr. Docker 28.05.2025 Ваша компания развивается, количество сервисов множится, команды разработки разрастаются, а DevOps-инженеры начинают напоминать ту самую собаку из мема про "всё нормально, когда ничего не нормально". . . .	CAP-теорема или почему идеальной распределенной системы не существует ArchitectMsa 28.05.2025 Вы переводите деньги со своего счета на счет друга. Казалось бы, что может быть проще? Вы открываете приложение банка, вводите сумму, жмете кнопку - и деньги мгновенно переходят с одного счета на. . .	Пишем первый чатбот на C# с нейросетью и Microsoft Bot Framework UnmanagedCoder 28.05.2025 Microsoft Bot Framework представляет собой мощнейший инструментарий для создания разговорных интерфейсов любой сложности. Он предлагает целостную экосистему, которая включает SDK для C#, сервисы. . .	Event-Driven приложения с Apache Kafka и KafkaFlow в .NET stackOverflow 26.05.2025 Для . NET разработчиков работа с Kafka традиционно сопряжена с определенными трудностями. Официальный клиент Confluent хорош, но часто требует написания большого количества шаблонного кода. Многие. . .
Квантовое программирование: Реализуем первый алгоритм на Q# EggHead 26.05.2025 Квантовое программирование — одна из тех областей, которая ещё недавно казалась чем-то недоступным обычному разработчику. Многие представляют себе учёных в белых халатах, работающих с огромными. . .	Запилил скелет проекта физического симулятора. Hrethgir 26.05.2025 Нзвание публикации "Вычислить VS запомнить — простой и экономичный пример организации обработки потока данных для физической симуляции". Пока только скелет, но всё - будет. . . .	Авто-векторизация в C с GCC 14 NullReferenced 25.05.2025 Современные процессоры давно перестали наращивать тактовую частоту как основной способ увеличения производительности. Вместо этого они обзавелись специализироваными блоками SIMD (Single Instruction,. . .	Типы данных в Python py-thonny 25.05.2025 Когда я только начинал работать с Python, меня поразило, насколько органично типы данных встроены в синтаксис. Забавно, но факт: некоторые программисты, перешедшие с Java или C++, сначало даже не. . .	.NET Aspire и cloud-native приложения C# stackOverflow 24.05.2025 . NET Aspire — новый продукт в линейке Microsoft, который вызвал настоящий ажиотаж среди разработчиков облачных приложений. Компания называет его "опинионированным, облачно-ориентированным стеком для. . .

Donald28 странник 810 / 481 / 108 Регистрация: 28.05.2012 Сообщений: 1,518 Записей в блоге: 2
	01.07.2019, 17:26
	Приведите код сохранения данных через модальное окно (handler при нажатии на кнопку `[action=save]`) 0