ext日期控件可以结合jscalendar使用

jsp:
<title>日期</title>
<link rel="stylesheet" type="text/css"
href="<%=path%>/scripts/ext-3.2.1/resources/css/ext-all.css" />
[color=red]<script type="text/javascript" src="<%=path%>/scripts/jquery.js"></script>
<script type="text/javascript" src="<%=path%>/scripts/ext-3.2.1/adapter/jquery/ext-jquery-adapter.js"></script>[/color]
<script type="text/javascript" src="<%=path%>/scripts/ext-3.2.1/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="<%=path%>/scripts/ext-3.2.1/ext-all.js"></script>
<script type="text/javascript" src="<%=path%>/scripts/ext-3.2.1/examples/shared/examples.js"></script>
<script type="text/javascript" src="<%=path%>/scripts/ext-3.2.1/ext-lang-zh_CN.js" charset="utf-8"></script>

[color=red]<link rel="stylesheet" type="text/css" href="<%=path%>/scripts/jscalendar/skins/calendar-blue.css" />
<script type="text/javascript" src="<%=path%>/scripts/jscalendar/calendar.js"></script>
<script type="text/javascript" src="<%=path%>/scripts/jscalendar/lang/calendar-zh.js"></script>
<script type="text/javascript" src="<%=path%>/scripts/jscalendar/calendar-setup.js"></script>[/color]
<script type="text/javascript" src="<%=path%>/log/log.js"></script>
</head>
js:

$(document).ready( function() {
var form = new Ext.form.FormPanel({
width: "100%",
autoHeight: true,
labelWidth: 70,
labelAlign: "left",
frame: true,
defaults: {xtype: "textfield", anchor: "95%"},
items: [ {
name: "begin_time",
id: "begin_time",
fieldLabel: "开始时间",
readOnly: true
}, {
name: "end_time",
id: "end_time",
fieldLabel: "结束时间",
readOnly: true
}],
buttons: [{text: "搜索", handler: searchSubmit
}, {text: "重置", handler: function() {
form.getForm().reset();
}}]
});
//以下是点击文本框显示日期控件
Calendar.setup({
inputField : "begin_time",
ifFormat : "%Y-%m-%d %H:%M:%S",
showsTime : true,
button : "begin_time"
});
Calendar.setup({
inputField : "end_time",
ifFormat : "%Y-%m-%d %H:%M:%S",
showsTime : true,
button : "end_time"
});
});
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值