| Current Path : /home/happyrenas/old/huissier-express.fr/old/ |
Linux webd005.cluster105.gra.hosting.ovh.net 5.15.206-ovh-vps-grsec-zfs-classid #1 SMP Fri May 15 02:41:25 UTC 2026 x86_64 |
| Current File : /home/happyrenas/old/huissier-express.fr/old/test-date-1.php |
<!DOCTYPE html>
<!--[if IE 8]> <html lang="en" class="ie8 no-js"> <![endif]-->
<!--[if IE 9]> <html lang="en" class="ie9 no-js"> <![endif]-->
<!--[if !IE]><!-->
<html lang="en">
<!--<![endif]-->
<!-- BEGIN HEAD -->
<head>
<meta charset="utf-8" />
<title>Date & Time Pickers</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta content="width=device-width, initial-scale=1" name="viewport" />
<meta content="#1 selling multi-purpose bootstrap admin theme sold in themeforest marketplace packed with angularjs, material design, rtl support with over thausands of templates and ui elements and plugins to power any type of web applications including saas and admin dashboards. Preview page of Theme #2 for bootstrap date, datetime and daterange pickers"
name="description" />
<meta content="" name="author" />
<!-- BEGIN GLOBAL MANDATORY STYLES -->
<link href="http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700&subset=all" rel="stylesheet" type="text/css" />
<link href="/administration/assets/global/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
<link href="/administration/assets/global/plugins/simple-line-icons/simple-line-icons.min.css" rel="stylesheet" type="text/css" />
<link href="/administration/assets/global/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<link href="/administration/assets/global/plugins/bootstrap-switch/css/bootstrap-switch.min.css" rel="stylesheet" type="text/css" />
<!-- END GLOBAL MANDATORY STYLES -->
<!-- BEGIN PAGE LEVEL PLUGINS -->
<link href="/administration/assets/global/plugins/bootstrap-daterangepicker/daterangepicker.min.css" rel="stylesheet" type="text/css" />
<link href="/administration/assets/global/plugins/bootstrap-datepicker/css/bootstrap-datepicker3.min.css" rel="stylesheet" type="text/css" />
<link href="/administration/assets/global/plugins/bootstrap-timepicker/css/bootstrap-timepicker.min.css" rel="stylesheet" type="text/css" />
<link href="/administration/assets/global/plugins/bootstrap-datetimepicker/css/bootstrap-datetimepicker.min.css" rel="stylesheet" type="text/css" />
<link href="/administration/assets/global/plugins/clockface/css/clockface.css" rel="stylesheet" type="text/css" />
<!-- END PAGE LEVEL PLUGINS -->
<!-- BEGIN THEME GLOBAL STYLES -->
<link href="/administration/assets/global/css/components.min.css" rel="stylesheet" id="style_components" type="text/css" />
<link href="/administration/assets/global/css/plugins.min.css" rel="stylesheet" type="text/css" />
<!-- END THEME GLOBAL STYLES -->
<!-- BEGIN THEME LAYOUT STYLES -->
<link href="/administration/assets/layouts/layout2/css/layout.min.css" rel="stylesheet" type="text/css" />
<link href="/administration/assets/layouts/layout2/css/themes/blue.min.css" rel="stylesheet" type="text/css" id="style_color" />
<link href="/administration/assets/layouts/layout2/css/custom.min.css" rel="stylesheet" type="text/css" />
<!-- END THEME LAYOUT STYLES -->
<link rel="shortcut icon" href="favicon.ico" /> </head>
<!-- END HEAD -->
<body class="page-header-fixed page-sidebar-closed-hide-logo page-container-bg-solid">
<div class="page-container">
<div class="page-content-wrapper">
<div class="page-content">
<div class="row">
<div class="col-md-12">
<!-- BEGIN PORTLET-->
<div class="portlet light form-fit ">
<div class="portlet-body form">
<!-- BEGIN FORM-->
<form action="#" class="form-horizontal form-bordered">
<div class="form-body">
<div class="form-group">
<label class="control-label col-md-3">Default Datepicker</label>
<div class="col-md-3">
<input class="form-control form-control-inline input-medium date-picker" size="16" type="text" value="" />
<span class="help-block"> Select date </span>
</div>
</div>
<div class="form-group">
<label class="control-label col-md-3">Disable Past Dates</label>
<div class="col-md-3">
<div class="input-group input-medium date date-picker" data-date-format="dd-mm-yyyy" data-date-start-date="+0d">
<input type="text" class="form-control" readonly>
<span class="input-group-btn">
<button class="btn default" type="button">
<i class="fa fa-calendar"></i>
</button>
</span>
</div>
<!-- /input-group -->
<span class="help-block"> Select date </span>
</div>
</div>
<div class="form-group">
<label class="control-label col-md-3">Start With Years</label>
<div class="col-md-3">
<div class="input-group input-medium date date-picker" data-date="12-02-2012" data-date-format="dd-mm-yyyy" data-date-viewmode="years">
<input type="text" class="form-control" readonly>
<span class="input-group-btn">
<button class="btn default" type="button">
<i class="fa fa-calendar"></i>
</button>
</span>
</div>
<!-- /input-group -->
<span class="help-block"> Select date </span>
</div>
</div>
<div class="form-group">
<label class="control-label col-md-3">Months Only</label>
<div class="col-md-3">
<div class="input-group input-medium date date-picker" data-date="10/2012" data-date-format="mm/yyyy" data-date-viewmode="years" data-date-minviewmode="months">
<input type="text" class="form-control" readonly>
<span class="input-group-btn">
<button class="btn default" type="button">
<i class="fa fa-calendar"></i>
</button>
</span>
</div>
<!-- /input-group -->
<span class="help-block"> Select month only </span>
</div>
</div>
<div class="form-group">
<label class="control-label col-md-3">Date Range</label>
<div class="col-md-4">
<div class="input-group input-large date-picker input-daterange" data-date="10/11/2012" data-date-format="mm/dd/yyyy">
<input type="text" class="form-control" name="from">
<span class="input-group-addon"> to </span>
<input type="text" class="form-control" name="to"> </div>
<!-- /input-group -->
<span class="help-block"> Select date range </span>
</div>
</div>
<div class="form-group">
<label class="control-label col-md-3">Inline</label>
<div class="col-md-3">
<div class="date-picker" data-date-format="mm/dd/yyyy"> </div>
</div>
</div>
<div class="form-group last">
<label class="control-label col-md-3"></label>
<div class="col-md-3">
<a class="btn green btn-outline sbold uppercase" href="#form_modal2" data-toggle="modal"> View Datepicker in modal
<i class="fa fa-share"></i>
</a>
</div>
</div>
</div>
</form>
<div id="form_modal2" class="modal fade" role="dialog" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
<h4 class="modal-title">Datepickers In Modal</h4>
</div>
<div class="modal-body">
<form action="#" class="form-horizontal">
<div class="form-group">
<label class="control-label col-md-4">Default Datepicker</label>
<div class="col-md-8">
<input class="form-control input-medium date-picker" size="16" type="text" value="" /> </div>
</div>
<div class="form-group">
<label class="control-label col-md-4">Disable Past Dates</label>
<div class="col-md-8">
<div class="input-group input-medium date date-picker" data-date-format="dd-mm-yyyy" data-date-start-date="+0d">
<input type="text" class="form-control" readonly>
<span class="input-group-btn">
<button class="btn default" type="button">
<i class="fa fa-calendar"></i>
</button>
</span>
</div>
<!-- /input-group -->
<span class="help-block"> Select date </span>
</div>
</div>
<div class="form-group">
<label class="control-label col-md-4">Start With Years</label>
<div class="col-md-8">
<div class="input-group input-medium date date-picker" data-date="12-02-2012" data-date-format="dd-mm-yyyy" data-date-viewmode="years">
<input type="text" class="form-control" readonly>
<span class="input-group-btn">
<button class="btn default" type="button">
<i class="fa fa-calendar"></i>
</button>
</span>
</div>
<!-- /input-group -->
</div>
</div>
<div class="form-group">
<label class="control-label col-md-4">Months Only</label>
<div class="col-md-8">
<div class="input-group input-medium date date-picker" data-date="10/2012" data-date-format="mm/yyyy" data-date-viewmode="years" data-date-minviewmode="months">
<input type="text" class="form-control" readonly>
<span class="input-group-btn">
<button class="btn default" type="button">
<i class="fa fa-calendar"></i>
</button>
</span>
</div>
<!-- /input-group -->
</div>
</div>
<div class="form-group">
<label class="control-label col-md-4">Date Range</label>
<div class="col-md-8">
<div class="input-group input-medium date-picker input-daterange" data-date="10/11/2012" data-date-format="mm/dd/yyyy">
<input type="text" class="form-control" name="from">
<span class="input-group-addon"> to </span>
<input type="text" class="form-control" name="to"> </div>
<!-- /input-group -->
</div>
</div>
</form>
</div>
<div class="modal-footer">
<button class="btn dark btn-outline" data-dismiss="modal" aria-hidden="true">Close</button>
<button class="btn green" data-dismiss="modal">Save changes</button>
</div>
</div>
</div>
</div>
<!-- END FORM-->
</div>
</div>
<!-- END PORTLET-->
</div>
</div>
<div class="row">
<div class="col-md-12">
<!-- BEGIN PORTLET-->
<div class="portlet light form-fit ">
<div class="portlet-title">
<div class="caption">
<i class="icon-pin font-blue"></i>
<span class="caption-subject font-blue sbold uppercase">Datetime Pickers</span>
</div>
<div class="actions">
<div class="btn-group btn-group-devided" data-toggle="buttons">
<label class="btn btn-outline grey-salsa btn-circle btn-sm active">
<input type="radio" name="options" class="toggle" id="option1">New</label>
<label class="btn btn-outline grey-salsa btn-circle btn-sm">
<input type="radio" name="options" class="toggle" id="option2">Returning</label>
</div>
</div>
</div>
<div class="portlet-body form">
<!-- BEGIN FORM-->
<form action="#" class="form-horizontal form-bordered">
<div class="form-body">
<div class="form-group">
<label class="control-label col-md-3">Default Datetimepicker</label>
<div class="col-md-4">
<div class="input-group date form_datetime">
<input type="text" size="16" readonly class="form-control">
<span class="input-group-btn">
<button class="btn default date-set" type="button">
<i class="fa fa-calendar"></i>
</button>
</span>
</div>
</div>
</div>
<div class="form-group">
<label class="control-label col-md-3">Advance Datetimepicker</label>
<div class="col-md-4">
<div class="input-group date form_datetime" data-date="2012-12-21T15:25:00Z">
<input type="text" size="16" readonly class="form-control">
<span class="input-group-btn">
<button class="btn default date-reset" type="button">
<i class="fa fa-times"></i>
</button>
<button class="btn default date-set" type="button">
<i class="fa fa-calendar"></i>
</button>
</span>
</div>
</div>
</div>
<div class="form-group">
<label class="control-label col-md-3">Meridian Format</label>
<div class="col-md-4">
<div class="input-group date form_meridian_datetime" data-date="2012-12-21T15:25:00Z">
<input type="text" size="16" class="form-control">
<span class="input-group-btn">
<button class="btn default date-reset" type="button">
<i class="fa fa-times"></i>
</button>
<button class="btn default date-set" type="button">
<i class="fa fa-calendar"></i>
</button>
</span>
</div>
</div>
</div>
<div class="form-group">
<label class="control-label col-md-3">Inline</label>
<div class="col-md-4">
<div class="form_datetime" data-date="2012-12-21T15:25:00Z"> </div>
</div>
</div>
<div class="form-group last">
<label class="control-label col-md-3"></label>
<div class="col-md-4">
<a class="btn btn-outline red" href="#form_modal1" data-toggle="modal"> View Datetimepicker in modal
<i class="fa fa-share"></i>
</a>
</div>
</div>
</div>
<div class="form-actions">
<div class="row">
<div class="col-md-offset-3 col-md-9">
<button type="submit" class="btn grey-salsa btn-outline">
<i class="fa fa-check"></i> Submit</button>
<button type="button" class="btn green">Cancel</button>
</div>
</div>
</div>
</form>
<div id="form_modal1" class="modal fade" role="dialog" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
<h4 class="modal-title">Datetimepicker in Modal</h4>
</div>
<div class="modal-body">
<form action="#" class="form-horizontal">
<div class="form-group">
<label class="control-label col-md-4">Default Datetimepicker</label>
<div class="col-md-8">
<div class="input-group date form_datetime input-large">
<input type="text" size="16" readonly class="form-control">
<span class="input-group-btn">
<button class="btn default date-set" type="button">
<i class="fa fa-calendar"></i>
</button>
</span>
</div>
<!-- /input-group -->
</div>
</div>
<div class="form-group">
<label class="control-label col-md-4">Advance Datetimepicker</label>
<div class="col-md-8">
<div class="input-group date form_datetime input-large" data-date="2012-12-21T15:25:00Z">
<input type="text" size="16" readonly class="form-control">
<span class="input-group-btn">
<button class="btn default date-reset" type="button">
<i class="fa fa-times"></i>
</button>
<button class="btn default date-set" type="button">
<i class="fa fa-calendar"></i>
</button>
</span>
</div>
<!-- /input-group -->
</div>
</div>
<div class="form-group">
<label class="control-label col-md-4">Meridian Format</label>
<div class="col-md-8">
<div class="input-group date form_meridian_datetime input-large" data-date="2012-12-21T15:25:00Z">
<input type="text" size="16" class="form-control">
<span class="input-group-btn">
<button class="btn default date-reset" type="button">
<i class="fa fa-times"></i>
</button>
<button class="btn default date-set" type="button">
<i class="fa fa-calendar"></i>
</button>
</span>
</div>
<!-- /input-group -->
</div>
</div>
</form>
</div>
<div class="modal-footer">
<button class="btn grey-salsa btn-outline" data-dismiss="modal" aria-hidden="true">Close</button>
<button class="btn green btn-primary" data-dismiss="modal">Save changes</button>
</div>
</div>
</div>
</div>
<!-- END FORM-->
</div>
</div>
<!-- END PORTLET-->
</div>
</div>
<div class="m-heading-1 border-green m-bordered">
<h3>Bootstrap Timepicker</h3>
<p> Easily select a time for a text input using your mouse or keyboards arrow keys. For more info pleasw3e53ede check out
<a href="http://jdewit.github.io/bootstrap-timepicker/" target="_blank">the official documentation</a>. </p>
</div>
<div class="row">
<div class="col-md-12">
<!-- BEGIN PORTLET-->
<div class="portlet box red">
<div class="portlet-title">
<div class="caption">
<i class="fa fa-gift"></i>Time Pickers </div>
<div class="tools">
<a href="javascript:;" class="collapse"> </a>
<a href="#portlet-config" data-toggle="modal" class="config"> </a>
<a href="javascript:;" class="reload"> </a>
<a href="javascript:;" class="remove"> </a>
</div>
</div>
<div class="portlet-body form">
<!-- BEGIN FORM-->
<form action="#" class="form-horizontal form-bordered">
<div class="form-body form">
<div class="form-group">
<label class="control-label col-md-3">Default Timepicker</label>
<div class="col-md-3">
<div class="input-icon">
<i class="fa fa-clock-o"></i>
<input type="text" class="form-control timepicker timepicker-default"> </div>
</div>
</div>
<div class="form-group">
<label class="control-label col-md-3">Without Seconds</label>
<div class="col-md-3">
<div class="input-group">
<input type="text" class="form-control timepicker timepicker-no-seconds">
<span class="input-group-btn">
<button class="btn default" type="button">
<i class="fa fa-clock-o"></i>
</button>
</span>
</div>
</div>
</div>
<div class="form-group">
<label class="control-label col-md-3">24hr Timepicker</label>
<div class="col-md-3">
<div class="input-group">
<input type="text" class="form-control timepicker timepicker-24">
<span class="input-group-btn">
<button class="btn default" type="button">
<i class="fa fa-clock-o"></i>
</button>
</span>
</div>
</div>
</div>
<div class="form-group">
<label class="control-label col-md-3"></label>
<div class="col-md-3">
<a class="btn dark btn-outline" href="#form_modal4" data-toggle="modal"> View Timepicker in modal
<i class="fa fa-share"></i>
</a>
</div>
</div>
</div>
</form>
<div id="form_modal4" class="modal fade" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
<h4 class="modal-title">Timepickers In Modal</h4>
</div>
<div class="modal-body">
<form action="#" class="form-horizontal">
<div class="form-group">
<label class="control-label col-md-4">Default Timepicker</label>
<div class="col-md-5">
<div class="input-icon">
<i class="fa fa-clock-o"></i>
<input type="text" class="form-control timepicker timepicker-default"> </div>
</div>
</div>
<div class="form-group">
<label class="control-label col-md-4">Without Seconds</label>
<div class="col-md-5">
<div class="input-group">
<input type="text" class="form-control timepicker timepicker-no-seconds">
<span class="input-group-btn">
<button class="btn default" type="button">
<i class="fa fa-clock-o"></i>
</button>
</span>
</div>
</div>
</div>
<div class="form-group">
<label class="control-label col-md-4">24hr Timepicker</label>
<div class="col-md-5">
<div class="input-group">
<input type="text" class="form-control timepicker timepicker-24">
<span class="input-group-btn">
<button class="btn default" type="button">
<i class="fa fa-clock-o"></i>
</button>
</span>
</div>
</div>
</div>
</form>
</div>
<div class="modal-footer">
<button class="btn dark btn-outline" data-dismiss="modal" aria-hidden="true">Close</button>
<button class="btn green btn-primary" data-dismiss="modal">Save changes</button>
</div>
</div>
</div>
</div>
<!-- END FORM-->
</div>
</div>
<!-- END PORTLET-->
</div>
</div>
</div>
<!-- END CONTENT BODY -->
</div>
<!-- END CONTENT -->
<!-- BEGIN QUICK SIDEBAR -->
<a href="javascript:;" class="page-quick-sidebar-toggler">
<i class="icon-login"></i>
</a>
<!-- END QUICK SIDEBAR -->
</div>
<!-- END CONTAINER -->
<!-- BEGIN FOOTER -->
<!-- END QUICK NAV -->
<!--[if lt IE 9]>
<script src="/administration/assets/global/plugins/respond.min.js"></script>
<script src="/administration/assets/global/plugins/excanvas.min.js"></script>
<script src="/administration/assets/global/plugins/ie8.fix.min.js"></script>
<![endif]-->
<!-- BEGIN CORE PLUGINS -->
<script src="/administration/assets/global/plugins/jquery.min.js" type="text/javascript"></script>
<script src="/administration/assets/global/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
<script src="/administration/assets/global/plugins/js.cookie.min.js" type="text/javascript"></script>
<script src="/administration/assets/global/plugins/jquery-slimscroll/jquery.slimscroll.min.js" type="text/javascript"></script>
<script src="/administration/assets/global/plugins/jquery.blockui.min.js" type="text/javascript"></script>
<script src="/administration/assets/global/plugins/bootstrap-switch/js/bootstrap-switch.min.js" type="text/javascript"></script>
<!-- END CORE PLUGINS -->
<!-- BEGIN PAGE LEVEL PLUGINS -->
<script src="/administration/assets/global/plugins/moment.min.js" type="text/javascript"></script>
<script src="/administration/assets/global/plugins/bootstrap-daterangepicker/daterangepicker.min.js" type="text/javascript"></script>
<script src="/administration/assets/global/plugins/bootstrap-datepicker/js/bootstrap-datepicker.min.js" type="text/javascript"></script>
<script src="/administration/assets/global/plugins/bootstrap-timepicker/js/bootstrap-timepicker.min.js" type="text/javascript"></script>
<script src="/administration/assets/global/plugins/bootstrap-datetimepicker/js/bootstrap-datetimepicker.min.js" type="text/javascript"></script>
<script src="/administration/assets/global/plugins/clockface/js/clockface.js" type="text/javascript"></script>
<!-- END PAGE LEVEL PLUGINS -->
<!-- BEGIN THEME GLOBAL SCRIPTS -->
<script src="/administration/assets/global/scripts/app.min.js" type="text/javascript"></script>
<!-- END THEME GLOBAL SCRIPTS -->
<!-- BEGIN PAGE LEVEL SCRIPTS -->
<script src="/administration/assets/pages/scripts/components-date-time-pickers.min.js" type="text/javascript"></script>
<!-- END PAGE LEVEL SCRIPTS -->
<!-- BEGIN THEME LAYOUT SCRIPTS -->
<script src="/administration/assets/layouts/layout2/scripts/layout.min.js" type="text/javascript"></script>
<script src="/administration/assets/layouts/layout2/scripts/demo.min.js" type="text/javascript"></script>
<script src="/administration/assets/layouts/global/scripts/quick-sidebar.min.js" type="text/javascript"></script>
<script src="/administration/assets/layouts/global/scripts/quick-nav.min.js" type="text/javascript"></script>
<!-- END THEME LAYOUT SCRIPTS -->
</body>
</html>