javascript-ej1-demos/daterangepicker/default.html

46 строки
1.5 KiB
HTML

<!doctype html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Essential JS 1 : DateRangePicker - Default Functionalities</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" charset="utf-8" />
<link href="../content/bootstrap.min.css" rel="stylesheet">
<link href="../content/ejthemes/default-theme/ej.web.all.min.css" rel="stylesheet" />
<link href="../content/default.css" rel="stylesheet" />
<link href="../content/default-responsive.css" rel="stylesheet" />
<!--[if lt IE 9]>
<script src="../scripts/jquery-1.11.3.min.js" type="text/javascript"></script>
<![endif]-->
<!--[if gte IE 9]><!-->
<script src="../scripts/jquery-3.4.1.min.js" type="text/javascript"></script>
<!--<![endif]-->
<script src="../scripts/ej.web.all.min.js" type="text/javascript"></script>
<script src="../scripts/properties.js" type="text/javascript"></script>
</head>
<body>
<form class="content-container-fluid">
<div class="row">
<div class="cols-sample-area">
<div class="frame ">
<div class="control">
<input id="daterangepick" type="text" />
</div>
</div>
</div>
</div>
</form>
<script type="text/javascript">
$(function () {
// declaration
$("#daterangepick").ejDateRangePicker({width:"100%"});
});
</script>
<style>
.frame {
width:400px;
}
</style>
</body>
</html>