使用日期时间格式的ExtJS DateField

时间:2011-12-02 07:23:23

标签: datetime extjs format datefield

var todate = new Ext.form.DateField({
        format: 'd/m/Y', 
        fieldLabel: '',
        id: 'txtExpireDate',
        name: 'txtExpireDate',
        width: 150,
        allowBlank: false,
        value: '',
        renderTo: 'divDateExpire'
    });

此代码仅显示日期。如何使用日期时间格式?

谢谢

2 个答案:

答案 0 :(得分:1)

Ext.Form.DateField中,我们无法在日期选择器中选择日期时直接显示时间。为此我们添加了监听器:

var dtpIssueDate = new Ext.form.DateField({
  listeners: {
    select: function(dtpIssueDate, date) {
      BindTimeWithDate(date);
    }
  }
});

//Bind time with date selected in the picker
function BindTimeWithDate(date) {
  try {
    var currentTime = new Date()

    // Get a current hours and add with date.
    date.setHours(currentTime.getHours());

    // Get a current minutes and add with date.
    date.setMinutes(currentTime.getMinutes());

    dtDateTimeValue = date.format('dd/MM/yyyy HH:mm');
    dtpIssueDate.SetText(dtDateTimeValue); 
  }
  catch (e) {
    alert(e.message);
  }
}

答案 1 :(得分:0)

extjs库中没有可以显示日期和时间的组件。两个时间。因此,您不能在一个中使用日期时间格式。最接近的是with this.

希望这有帮助。