
jquery ui时间插件选择时间后有什么事件
2016-09-01
展开全部
首先在head之间引入jquery库文件和datepicker插件以及相关css。
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery-ui-datepicker.js"></script>
<link rel="stylesheet" type="text/css" href="css/jquery-ui.css" />
然后在body间加入一个输入框。
<input type="text" id="date_1" />
Javscript
调用datepicker非常简单,直接使用以下代码就可以实现:
$(function(){
$("#date_1").datepicker();
});
这样,单击输入框的时候会自动弹出一个日期选择器,选中日期后,自动关闭选择器,并在输入框中显示选中的日期。
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery-ui-datepicker.js"></script>
<link rel="stylesheet" type="text/css" href="css/jquery-ui.css" />
然后在body间加入一个输入框。
<input type="text" id="date_1" />
Javscript
调用datepicker非常简单,直接使用以下代码就可以实现:
$(function(){
$("#date_1").datepicker();
});
这样,单击输入框的时候会自动弹出一个日期选择器,选中日期后,自动关闭选择器,并在输入框中显示选中的日期。

2024-09-02 广告
Play Video 七鑫易维是致力于机器视觉和人工智能领域的高新科技企业,迄今已专注眼球追踪技术的研发、创新与应用超过14年,拥有完全自主知识产权,全球专利总量655余项。 作为眼球追踪技术领域的全球知名品牌,七鑫易维的产品体系覆盖眼动分...
点击进入详情页
本回答由七鑫易维信息技术提供
展开全部
$('#timepicker').datetimepicker({
showHour: false,
showMinute: false,
dateFormat: "yy-mm-dd",
timeFormat: '',
onSelect:function(dateText, inst) {
//alert(dateText);//OK
window.location.href = "getData.do?date="+dateText.trim();
}
});
showHour: false,
showMinute: false,
dateFormat: "yy-mm-dd",
timeFormat: '',
onSelect:function(dateText, inst) {
//alert(dateText);//OK
window.location.href = "getData.do?date="+dateText.trim();
}
});
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询