Extjs datefield
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',//指定id
format:'Y年m月d日',//显示日期的格式
maxValue :'12/31/2029',//允许选择的最大日期
minValue :'01/01/2009',//允许选择的最小日期
disbaleDays:[0,6],
editable:false, //禁止手动编辑
value: new Date, //value为date类型
vtype: 'daterange', //date range:日期范围
endDateField: 'enddt' // 结束日期的id字段
},
{
fieldLabel: 'End Date',
name: 'enddt',
id: 'enddt',
vtype: 'daterange',
startDateField: 'startdt' //开始日期的id字段
}
]
});
/////////////////// 取值 /////////////////////////
//ajax交互
dateSubmit = function(){
var start_Date=getDatefieldVale('startdt');//调用getDatefieldVale方法 获得日起控件的值,传入控件id
params = {
startDate : start_Date
}
var url = "demo!forwardDataListPage.action";
ajaxParamRefresh(url, params, "interactionDiv"); //这里用的是Jquery Ajax异步请求
}
//获取日期的值
function getDatefieldVale(id){
return formatDate(Ext.getCmp(id).getValue());
}
//日起转换 传入字符串或者日期类型 转换为指定类型的字符串
function formatDate(v) {
if (typeof v == 'string')
v = parseDate(v);
if (v instanceof Date) {
var y = v.getFullYear();
var m = v.getMonth() + 1;
var d = v.getDate();
var h = v.getHours();
var i = v.getMinutes();
var s = v.getSeconds();
var ms = v.getMilliseconds();
if (ms > 0)
return y + '-' + m + '-' + d + ' ' + h + ':' + i + ':' + s + '.'
+ ms;
if (h > 0 || i > 0 || s > 0)
return y + '-' + m + '-' + d + ' ' + h + ':' + i + ':' + s;
return y + '年' + m + '月' + d + '日';
}
return '';
}

浙公网安备 33010602011771号