Sencha touch 2 使用sencha touch 2在文本字段中显示时间选择器值

Sencha touch 2 使用sencha touch 2在文本字段中显示时间选择器值,sencha-touch-2,Sencha Touch 2,通过使用上面的代码,我得到了datepicker的值,它成功地显示在第一个文本字段中。同样,我想在另一个文本字段中显示datepicker的值。 有谁能帮我做到这一点吗?提前谢谢你,每次你的选取器的值被更改时,你都可以通过设置文本字段的值来做到这一点,所以这里有一个解决方案: Ext.define("Datetimepicker.view.Main", { extend: 'Ext.form.Panel', requires:

通过使用上面的代码,我得到了datepicker的值,它成功地显示在第一个文本字段中。同样,我想在另一个文本字段中显示datepicker的值。
有谁能帮我做到这一点吗?提前谢谢你,每次你的
选取器的
值被更改时,你都可以通过设置
文本字段的值来做到这一点,所以这里有一个解决方案:

    Ext.define("Datetimepicker.view.Main", {
               extend: 'Ext.form.Panel',
               requires: [
                                'Ext.TitleBar',
                                'Ext.field.DatePicker',
                                 'Ext.Spacer',
                                 'Ext.Picker'
                             ],
               config: {
                            fullscreen:'true',
                            title:'DatatimePicker',
                            items: [
                               {
                                   xtype:'fieldset',
                                        items:[
                                           {
                                              xtype:'datepickerfield',
                                              label:'Birthday',
                                              picker:{
                                                 yearFrom:1980,
                                                  yearTo:2015
                                               },
                                             name:'birthday',
                                             value:new Date()
                                         },
                                          {
                                            xtype:'textfield',
                                             label:'Time',
                                             value:''
                                           //In this textfield i want to display the time picker value
                                            }
                                        }
                                    ]
                                    },
                                 {

items:[
{
xtype:'spacer'
},
{
text: 'setValue',
handler: function() {
var datePickerField = Ext.ComponentQuery.query('datepickerfield')[0];
var randomNumber = function(from, to) {
return Math.floor(Math.random() * (to - from + 1) + from);
};
datePickerField.setValue({
month: randomNumber(0, 11),
day : randomNumber(0, 28),
year : randomNumber(1980, 2015)
});
}
},
{ xtype:'spacer'}
]
}
]
}
});
项目:[
{
xtype:“datepickerfield”,
标签:“生日”,
姓名:“生日”,
值:新日期(),
听众:{
更改:函数(选择器、值){
//此函数用于将0前置到10月以下的月份
功能数字(n){
返回(n<10?'0':'')+n;
}
var date=value.getDate(),//获取日期的值
month=value.getMonth();//获取月份的值
month+=1;//自索引以0开始以来,将月份数增加1
var formatMonth=minTwoDigits(月),
year=value.getFullYear(),//获取年份值
formatDate=formatMonth.concat(“/”,date,“/”,year);//连接字符串
Ext.ComponentQuery.query('#textfield')[0].setValue(formatDate);//设置itemID等于textfield的textfield的值
}
}
},
{
xtype:'textfield',
标签:'时间',
itemId:'textfield',
值:“”
}
]

如果你什么都不懂,尽管问吧。希望有帮助:)

每次更改
选择器的值时,您都可以通过设置
文本字段的值来执行此操作,因此这里有一个解决方案:

    Ext.define("Datetimepicker.view.Main", {
               extend: 'Ext.form.Panel',
               requires: [
                                'Ext.TitleBar',
                                'Ext.field.DatePicker',
                                 'Ext.Spacer',
                                 'Ext.Picker'
                             ],
               config: {
                            fullscreen:'true',
                            title:'DatatimePicker',
                            items: [
                               {
                                   xtype:'fieldset',
                                        items:[
                                           {
                                              xtype:'datepickerfield',
                                              label:'Birthday',
                                              picker:{
                                                 yearFrom:1980,
                                                  yearTo:2015
                                               },
                                             name:'birthday',
                                             value:new Date()
                                         },
                                          {
                                            xtype:'textfield',
                                             label:'Time',
                                             value:''
                                           //In this textfield i want to display the time picker value
                                            }
                                        }
                                    ]
                                    },
                                 {

items:[
{
xtype:'spacer'
},
{
text: 'setValue',
handler: function() {
var datePickerField = Ext.ComponentQuery.query('datepickerfield')[0];
var randomNumber = function(from, to) {
return Math.floor(Math.random() * (to - from + 1) + from);
};
datePickerField.setValue({
month: randomNumber(0, 11),
day : randomNumber(0, 28),
year : randomNumber(1980, 2015)
});
}
},
{ xtype:'spacer'}
]
}
]
}
});
项目:[
{
xtype:“datepickerfield”,
标签:“生日”,
姓名:“生日”,
值:新日期(),
听众:{
更改:函数(选择器、值){
//此函数用于将0前置到10月以下的月份
功能数字(n){
返回(n<10?'0':'')+n;
}
var date=value.getDate(),//获取日期的值
month=value.getMonth();//获取月份的值
month+=1;//自索引以0开始以来,将月份数增加1
var formatMonth=minTwoDigits(月),
year=value.getFullYear(),//获取年份值
formatDate=formatMonth.concat(“/”,date,“/”,year);//连接字符串
Ext.ComponentQuery.query('#textfield')[0].setValue(formatDate);//设置itemID等于textfield的textfield的值
}
}
},
{
xtype:'textfield',
标签:'时间',
itemId:'textfield',
值:“”
}
]

如果你什么都不懂,尽管问吧。希望有帮助:)

感谢rply,我的代码运行成功,这里我想显示时间选择器,当我们从该选择器中选择时间时,我想在textfield中获取该时间{xtType:'textfield',label:'time',itemId:'textfield',value:''}也许你需要更多地了解我的解决方案,因为上面的代码只是按照你想要的。试试看:)好的,我会的。我有一个疑问。通过使用上面的代码,我们可以得到时间选择器吗?我不知道为什么你不能做到,因为我已经检查过了,它工作顺利。“你的控制台有什么错误吗?”吉米·华,难怪。不要这样做,我的代码只是对旧版本的更新,只需保留旧版本并替换我上面添加的部分感谢rply,我的代码工作成功,这里我想显示时间选择器,当我们从该选择器中选择时间时,我想在文本字段中获取该时间{xtype:'textfield',标签:'time',itemId:'textfield',值:'''}也许你需要更多地了解我的解决方案,因为上面的代码只是按照你想要的。试试看:)好的,我会的。我有一个疑问。通过使用上面的代码,我们可以得到时间选择器吗?我不知道你为什么做不到,因为我已经检查过了,它工作顺利。你在控制台中有任何错误吗?@jimmy wah,难怪。不要像这样做在,我的代码只是对旧版本的更新,只需保留旧版本并替换我上面添加的部分