`

ext中年月日使用combobox控件

 
阅读更多

年月日的表达使用combobox控件:

var zoneStore = new Ext.data.ArrayStore({
	fields : ['cityzone'],
	data : [],
	sortInfo : {
		field : 'cityzone',
		direction : 'ASC'
	}
});
var monthStore = new Ext.data.ArrayStore({
	fields : [  'month' ],
	data : [ [ '1' ], [ '2' ],[ '3' ], [ '4' ],[ '5' ], [ '6' ],[ '7' ], [ '8' ],[ '9' ], [ '10' ],[ '11' ], [ '12' ]]
});
var dayStore = new Ext.data.SimpleStore({
	fields:['day'],
	data:[['01'],['02'],['03'],['04'],['05'],['06'],['07'],['08'],['09'],['10'],
	       ['11'],['12'],['13'],['14'],['15'],['16'],['17'],['18'],['19'],['20'],
	       ['21'],['22'],['23'],['24'],['25'],['26'],['27'],['28'],['29'],['30'],['31']]
})


{   xtype:'label',
	 text:'选择年份:',
	 style:'color:red;'},
 {
	xtype : 'combo',
	labelSeparator : '',
	width : 60,
	store : zoneStore,
	typeAhead : true,
	editable : false,
	triggerAction : 'all',
	mode : 'local',
	anchor : '96%',
	minWidth : 60,
	lazyInit : false,
	lazyRender : false,
	id : 'year',
	name : 'year',
	valueField : 'cityzone',
	displayField : 'cityzone'
} ,'-',
{   xtype:'label',
	 text:'选择月份:',
	 style:'color:red;'}, 
{
	xtype : 'combo',
	labelSeparator : '',
	width : 60,
	store : monthStore,
	typeAhead : true,
	editable : false,
	triggerAction : 'all',
	mode : 'local',
	anchor : '96%',
	minWidth : 60,
	lazyInit : false,
	lazyRender : false,
	id : 'month',
	name : 'month',
	valueField : 'month',
	displayField : 'month',
	listeners:{
		'select' : function(){
			initDay();
			Ext.getCmp('day').setValue('01');
		}
	}
} ,'-',
{   xtype:'label',
	 text:'日期:',
	 style:'color:red;'}, 
	 {
			xtype : 'combo',
			labelSeparator : '',
			width : 60,
			store : dayStore,
			typeAhead : true,
			editable : false,
			triggerAction : 'all',
			mode : 'local',
			anchor : '96%',
			minWidth : 60,
			lazyInit : false,
			lazyRender : false,
			id : 'day',
			name : 'day',
			valueField : 'day',
			displayField : 'day'
		}


/**
 * 根据年月初始化day的值
 */
function initDay(){
	 MonDays = [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];
	 var year = Ext.getCmp('year').getValue();
	 var month = Ext.getCmp('month').getValue();
//	 alert(year + ";" + month);
	 var n = MonDays[month-1];
	 if(month=='2'&&isLeapYear(year)){
		 n++;
	 }
	 for(var i=1;i<=n;i++){
		 var dayrecord;
		 if(i<10)
			 dayrecord = new Ext.data.Record({'day':"0" + i})
		 else
			 dayrecord = new Ext.data.Record({'day':i})
		 dayStore.add(dayrecord);
	 }
	 Ext.getCmp('day').store=dayStore;
}
/**
 * 判断是否闰年   
 * @param {} year
 * @return {}
 */
function isLeapYear(year){
	return( year%4==0 || (year%100 ==0 && year%400 == 0));
}


var nowyear=new Date().getFullYear();
intyear=Number(nowyear) ;
var yeardata = [[intyear-5],[intyear-4],[intyear-3],[intyear-2],[intyear-1],[intyear]];		
		zoneStore.loadData(yeardata);
initDay();

 

分享到:
评论

相关推荐

    winform关于combobox控件使用详解

    WinForm 中的 ComboBox 控件使用详解 ComboBox 是 WinForm 中的一个常用控件,用于提供用户选择项的列表。下面是关于 ComboBox 控件使用的详细解释。 ComboBox 控件的基本操作 ComboBox 控件的基本操作包括添加...

    DropDownList控件和comboBox控件自动生成年月日

    下面将详细介绍如何使用DropDownList控件和ComboBox控件自动生成年月日。 DropDownList控件的基本概念 DropDownList控件是一个基本的选择控件,它可以从一个列表中选择一个项目。它的基本属性包括 SelectedIndex、...

    C#comboBox控件的使用

    下面我们将深入探讨`comboBox`控件的使用,包括其基本属性、方法和事件,以及如何在实际项目中实现其功能。 首先,`comboBox`控件的基本结构包括一个文本输入框和一个下拉列表。用户可以直接在输入框中输入文本,也...

    winform中combobox控件使用详解

    Winform 中 ComboBox 控件使用详解 ComboBox 控件是 Winform 中最常用的控件之一,它提供了一个下拉列表,用户可以从中选择项目。ComboBox 控件具有多种属性、事件和方法,这些属性、事件和方法可以帮助开发者更好...

    Combobox控件某些项不能选的例子

    在C#编程中,Combobox控件是一种常用的用户界面元素,用于展示一组可选项供用户选择。在“Combobox控件某些项不能选的例子”这个问题中,我们关注的是在Visual Studio 2008环境下创建的Combobox,其中部分选项显示为...

    mfc中自绘ComboBox控件的美化有输入的历史记录

    在MFC(Microsoft Foundation Classes)框架中,ComboBox控件是一种常用的UI元素,它结合了文本框和下拉列表的功能。自定义和美化ComboBox控件可以让应用程序的用户界面更加吸引人和个性化。本教程将深入探讨如何在...

    C# ListView中添加ComboBox等控件

    通过以上步骤,你就可以在C#的ListView中成功地添加并使用ComboBox控件了。这使得用户界面更具交互性,允许用户在ListView的每一项中进行选择,极大地增强了用户体验。记住,关键在于正确地创建、添加和绑定事件到...

    VB2008 ListBox和ComboBox控件的使用方法

    VB2008 ListBox 和 ComboBox 控件的使用方法 VB2008 中的 ListBox 和 ComboBox 控件是两个常用的控件,用于在用户界面中显示列表项。ListBox 控件允许用户选择多个项,而 ComboBox 控件是文本框和列表框的组合。...

    ComboBox控件用法

    ComboBox 控件可以使用代码向下拉框中添加项目。有三种方法可以实现: 方法一: ```csharp private void sampleForm_Load(object sender, EventArgs e) { string item = "A"; this.sampleComboBox.Items.Add(item...

    在combobox控件中添加图标

    首先在窗体中添加一个comboBox1和一个imageList(本例中带有三个图片) this.comboBox1.DrawMode = System.Windows.Forms.DrawMode.OwnerDrawFixed;

    winform中关于combobox控件使用详解

    Winform 中关于 ComboBox 控件使用详解 ComboBox 控件是 Winform 中常用的控件之一,用于提供用户选择选项的列表。下面是关于 ComboBox 控件使用的详解。 添加/删除 ComboBox 内容 1. 在 Combo Box 控件属性的 ...

    演示ComboBox控件自动生成年月日

    可以考虑使用标签(Label)来指示每个ComboBox对应的信息,如“年”、“月”和“日”。 8. **验证与错误处理** 为了提高用户体验,需要对用户的输入进行验证,确保所选的日期是有效的。例如,不能选择不存在的日期...

    MFC ComboBox控件的使用方法

    在MFC中使用ComboBox控件通常包括以下几个步骤和知识点: 1. 定义控件对应变量: 在创建了一个对话框并把ComboBox控件拖放上去之后,需要在类中为该控件定义一个对应的变量。这个变量通常是CComboBox类的一个实例...

    C# 自定义控件 自定义ComboBox

    在本案例中,我们将深入探讨如何自定义ComboBox控件。 ComboBox控件是Windows Forms中一个非常实用的组件,它结合了文本框和下拉列表的功能。用户可以输入文本,也可以从下拉列表中选择一个项。在某些情况下,我们...

    VB基于ComboBox控件的自动匹配查询内容实例源码

    资源名:VB基于ComboBox控件的自动匹配查询内容实例源码 资源类型:程序源代码 源码说明:VB基于ComboBox控件的自动匹配查询内容实例 autocomplete 自动完成 适合人群:新手及有一定经验的开发人员

    COMBOBOX控件

    例如,在Microsoft Visual Studio中使用C++、C#或VB.NET进行Windows Forms或WPF开发时,可以通过拖放方式将ComboBox控件添加到设计界面,然后在代码后面进行相应的事件处理和数据绑定。在Java Swing或JavaFX中,也有...

    WinForm中comboBox控件数据绑定实现方法

    首先,我们可以使用泛型IList来实现comboBox控件数据绑定。创建一个List集合,然后绑定到comboBox控件上。例如: ```csharp IList&lt;string&gt; list = new List(); list.Add("111111"); list.Add("222222"); list.Add(...

    C#ComboBox控件用法小节

    在C#编程中,ComboBox控件是一个非常常用的组件,它结合了下拉列表和文本框的功能,用户可以在输入框中直接输入或者从下拉列表中选择一个选项。本篇文章将详细探讨C# ComboBox控件的基本用法、属性、方法、事件以及...

    ASP.NET ComboBox控件

    为了提供良好的用户体验,可能需要使用CSS对控件进行样式设置,使其看起来像一个真正的ComboBox。同时,使用JavaScript或jQuery可以实现更复杂的交互,比如自动完成功能,以及在客户端验证输入。 6. **模板和分部...

    ComboBox 控件隐藏 fieldLabel 不能隐藏问题解决

    在使用ComboBox控件时,有时我们可能遇到一个棘手的问题,即无法隐藏fieldLabel。这个问题在许多应用程序开发中都可能出现,特别是在使用特定框架或者库时。ComboBox是一个常用的UI组件,通常用于提供下拉选择列表,...

Global site tag (gtag.js) - Google Analytics