Extjs 怎么使用一个datefield控件实现选择一个时间段
解决方案 »
- 初学C#开发，请问有没有相当于Java的HttpClient的API可以用啊？
- 反TRY CATCH而行!
- 在方法内建Form，响应不行...........
- 数据这样绑定有什么好处？
- 请教.net使用swfupload问题
- 如下这句话有错吗？是不是要在linkname.Text前面加lable？？
- 求肋：基于WebService的数据库同步编程问题
- 菜得要哭系列4：一个窗口如何控制另一个窗口……
- 写Xml文件的问题
- 这是不是安装的问题？
- windform里面怎么样把一个DataGridView里面选中的一条内容插到另一个DataGridView里面？
- asp.net 动态加载,卸载dll的问题
new Ext.form.DateField({
format:'Y-m-d',
id : 'end_dt',
name : 'end_dt',
width:200,
minValue : new Date(),
//maxValue : new Date(),
allowBlank : true
})
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Advanced VType Examples</title> <link rel="stylesheet" type="text/css" href="http://dev.sencha.com/deploy/ext-4.0.0/resources/css/ext-all.css" />
<script type="text/javascript" src="http://dev.sencha.com/deploy/ext-4.0.0/bootstrap.js"></script> <script type="text/javascript">
Ext.require([
'Ext.form.*'
]);Ext.onReady(function() { // Add the additional 'advanced' VTypes
Ext.apply(Ext.form.field.VTypes, {
daterange: function(val, field) {
var date = field.parseDate(val); if (!date) {
return false;
}
if (field.startDateField && (!this.dateRangeMax || (date.getTime() != this.dateRangeMax.getTime()))) {
var start = field.up('form').down('#' + field.startDateField);
start.setMaxValue(date);
start.validate();
this.dateRangeMax = date;
}
else if (field.endDateField && (!this.dateRangeMin || (date.getTime() != this.dateRangeMin.getTime()))) {
var end = field.up('form').down('#' + field.endDateField);
end.setMinValue(date);
end.validate();
this.dateRangeMin = date;
}
return true;
},
daterangeText: 'Start date must be less than end date'
}); /*
* ================ Date Range =======================
*/ var dr = Ext.create('Ext.FormPanel', {
renderTo: 'dr',
frame: true,
title: 'Date Range',
bodyPadding: '5px 5px 0',
width: 350,
fieldDefaults: {
labelWidth: 125,
msgTarget: 'side',
autoFitErrors: false
},
defaults: {
width: 300
},
defaultType: 'datefield',
items: [
{
fieldLabel: 'Start Date',
name: 'startdt',
id: 'startdt',
vtype: 'daterange',
endDateField: 'enddt' // id of the end date field
},
{
fieldLabel: 'End Date',
name: 'enddt',
id: 'enddt',
vtype: 'daterange',
startDateField: 'startdt' // id of the start date field
}
]
});
}); </script>
<style type="text/css">
#dr, #pw {
margin-bottom: 30px;
}
</style>
</head><body>
<div id="dr">
</div>
</body>
</html>
一个datefield 实现 选择一个时间段，你用了两个了
datefield控件只能用一个，选择得出一个时间段
用一个datafield控件，选出两个时间点