当前位置：首页 → 问答吧 → FilamentGroup_daterangepicker中，如何在load加载的页面form中选择时间

FilamentGroup_daterangepicker中，如何在load加载的页面form中选择时间

时间：2009-09-18

来源：互联网

FilamentGroup_daterangepicker，
演示地址如下：
http://www.filamentgroup.com/examples/daterangepicker_v2/index2.php

我现在需要实现的是，通过load 加载一个form，在form中有一个时间选择框，需要选择时间，不知道怎么实现。
index2.html页面内容如下：

复制代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=GB2312" />
<title>Themeroller-Ready jQuery UI Range Picker by http://www.jb51.net</title>
<script type="text/javascript" src="js/jquery-1.3.1.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.7.1.custom.min.js"></script>
<script type="text/javascript" src="js/daterangepicker.jQuery.js"></script>
<link rel="stylesheet" href="css/ui.daterangepicker.css" type="text/css" />
<link rel="stylesheet" href="css/redmond/jquery-ui-1.7.1.custom.css" type="text/css" title="ui-theme" />
<script type="text/javascript">
$(document).ready(function ()
{
$('#AddForm').click(function(){
$('#ShowForm').load('from.html');
});
$(function(){
$('#ADSF').daterangepicker({arrows:true});
});
});
</script>
<style type="text/css">
body { font-size: 62.5%; }
input {width: 196px; height: 1.1em; display:block;}
</style>
</head>
<body>
<a href="#" id="AddForm">动态LoadForm</a>
<div id="ShowForm" style="border:1px solid red;width:300px;height:200px;"></div>
</body>
</html>