Skip to content

Instantly share code, notes, and snippets.

Show Gist options
  • Save vietduchelo/3af200f610dce3b1fdd3c0b1b5105584 to your computer and use it in GitHub Desktop.
Save vietduchelo/3af200f610dce3b1fdd3c0b1b5105584 to your computer and use it in GitHub Desktop.
Skip to content
Search…
All gists
GitHub
New gist
@vietduchelo
0 @vietduchelovietduchelo/gist:2066a9adf2e46719993d19008be10bb5
Created 4 days ago
<script src="https://gist.github.com/vietduchelo/2066a9adf2e46719993d19008be10bb5.js"></script>
Code Revisions 1
https://perfect-review.com/stackn-review/
gistfile1.txt
<!DOCTYPE html>
<html lang="en" class="wide wow-animation">
<head>
<!-- Site Title-->
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<title>Xe Hơi Hoàng Phúc</title>
<meta name="format-detection" content="telephone=no">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta charset="utf-8">
<link rel="icon" href="images/favicon.ico" type="image/x-icon">
<!-- Stylesheets-->
<!-- <link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Open+Sans:400,600i,700%7CPT+Sans:400,700"> -->
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" type="text/css" href="clock/clockpicker-gh-pages/dist/bootstrap-clockpicker.min.css">
<link rel="stylesheet" type="text/css" href="clock/clockpicker-gh-pages/assets/css/bootstrap.min.css">
<link rel="stylesheet" type="text/javascript" href="clock/clockpicker-gh-pages/assets/js/jquery.min.js">
<link rel="stylesheet" type="text/javascript" href="clock/clockpicker-gh-pages/assets/js/bootstrap.min.js">
<script type="text/javascript" src="clock/clockpicker-gh-pages/dist/bootstrap-clockpicker.min.js"></script>
<!--[if lt IE 10]>
<div style="background: #212121; padding: 10px 0; box-shadow: 3px 3px 5px 0 rgba(0,0,0,.3); clear: both; text-align:center; position: relative; z-index:1;"><a href="http://windows.microsoft.com/en-US/internet-explorer/"><img src="images/ie8-panel/warning_bar_0000_us.jpg" border="0" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today."></a></div>
<script src="js/html5shiv.min.js"></script>
<![endif]-->
</head>
<body>
<!-- Page-->
<div class="page text-center">
<!-- Page Header-->
<header class="page-header">
<!-- RD Navbar-->
<div class="rd-navbar-wrap">
<nav data-layout="rd-navbar-fixed" data-sm-layout="rd-navbar-fixed" data-md-layout="rd-navbar-static" data-md-device-layout="rd-navbar-fixed"
data-lg-layout="rd-navbar-static" data-lg-device-layout="rd-navbar-static" data-sm-stick-up-offset="50px" data-md-stick-up-offset="90px"
data-lg-stick-up-offset="90px" class="rd-navbar">
<div class="rd-navbar-inner">
<!-- RD Navbar Panel-->
<div class="rd-navbar-panel">
<!-- RD Navbar Toggle-->
<button data-rd-navbar-toggle=".rd-navbar-nav-wrap" class="rd-navbar-toggle">
<span></span>
</button>
<div class="rd-navbar-panel-inner">
<!-- RD Navbar Brand-->
<div class="rd-navbar-brand">
<a href="index.html" class="brand-name">
<img src="images/logo-274x66.png" width="274" height="66" alt="" class="img-responsive veil reveal-lg-inline-block">
<p></p>
</a>
</div>
<div class="rd-navbar-nav-wrap">
<!-- RD Navbar Nav-->
<ul class="rd-navbar-nav">
<li class="active">
<a href="./">Trang Chủ</a>
</li>
<li>
<a href="about.html">Giới Thiệu</a>
</li>
<li>
<a href="locations.html">Địa Chỉ</a>
<!-- RD Navbar Dropdown-->
<ul class="rd-navbar-dropdown">
<li>
<a href="#">Hà Nội</a>
</li>
<li>
<a href="#">Việt Nam</a>
</li>
<li>
<a href="#">Đà Nẵng</a>
</li>
<li>
<a href="search-results.html">Tìm Kiếm Kết Quả</a>
</li>
</ul>
</li>
<li>
<a href="offers.html">Giao Dịch</a>
<!-- RD Navbar Megamenu-->
<ul class="rd-navbar-megamenu">
<li>
<ul>
<li>
<a href="#">Nhà Cung Cấp 1</a>
</li>
<li>
<a href="#">Nhà Cung Cấp 1</a>
</li> 2</a>
</li>
<li>
<a href="#">Nhà Cung Cấp 1</a>
</li> 3</a>
</li>
<li>
<a href="#">Nhà Cung Cấp 1</a>
</li> 4</a>
</li>
<li>
<a href="#">Nhà Cung Cấp 1</a>
</li> 5</a>
</li>
</ul>
</li>
<li>
<ul>
<li>
<a href="#">Nhà Cung Cấp 1</a>
</li> 6</a>
</li>
<li>
<a href="#">Nhà Cung Cấp 1</a>
</li> 7</a>
</li>
<li>
<a href="#">Nhà Cung Cấp 1</a>
</li> 8</a>
</li>
<li>
<a href="#">Nhà Cung Cấp 1</a>
</li> 9</a>
</li>
<li>
<a href="#">Nhà Cung Cấp 1</a>
</li> 10</a>
</li>
</ul>
</li>
<li>
<ul>
<li>
<a href="#">Nhà Cung Cấp 1</a>
</li> 11</a>
</li>
<li>
<a href="#">Nhà Cung Cấp 1</a>
</li> 12</a>
</li>
<li>
<a href="#">Nhà Cung Cấp 1</a>
</li> 13</a>
</li>
<li>
<a href="#">Nhà Cung Cấp 1</a>
</li> 14</a>
</li>
<li>
<a href="#">Nhà Cung Cấp 1</a>
</li> 15</a>
</li>
</ul>
</li>
<li>
<ul>
<li>
<a href="#">Nhà Cung Cấp 1</a>
</li> 16</a>
</li>
<li>
<a href="#">Nhà Cung Cấp 1</a>
</li> 17</a>
</li>
<li>
<a href="#">Nhà Cung Cấp 1</a>
</li> 18</a>
</li>
<li>
<a href="#">Nhà Cung Cấp 1</a>
</li> 19</a>
</li>
<li>
<a href="#">Nhà Cung Cấp 1</a>
</li> 20</a>
</li>
</ul>
</li>
</ul>
</li>
<li>
<a href="cars-and-services.html">Xe Hơi & Nhà Cung Cấp</a>
</li>
<li>
<a href="contacts.html">Liên Hệ</a>
</li>
<li>
<a href="contacts.html">Login</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</nav>
</div>
</header>
<!-- Page Content-->
<main class="page-content">
<!-- Intro-->
<section style="background: #292b31 url(images/background-01-2050x1200.jpg) center/cover no-repeat;" class="section-relative section-intro section-both-sides-insets section-intro-lg-height-800 context-dark">
<!-- Box-->
<div style="background: url(https://cdn.pixabay.com/photo/2016/07/01/14/41/audi-1491177_960_720.jpg) center/cover no-repeat;"
class="box section-intro-inner-bottom shadow-drop-xl section-height-800 section-60 section-sm-90 section-lg-230 inset-lg-left-30 inset-lg-right-30">
<div class="shell text-left">
<div class="range range-xs-center range-sm-left">
<div class="cell-sm-10">
<h1 class="h1">Nhà Xe
<br class="veil reveal-lg-inline-block">Hoàng Phúc</h1>
<p class="text-big-25 offset-md-top-50 inset-lg-right-30 thep">Cho thuê hợp đồng tự lái, cho thuê xe 4-7-16-45 chỗ.
<br> Hợp đồng tham quan du lịch Cưới Hỏi.
<br> Đưa đón khách tuyến Quảng Ngãi - Sân bay Chu Lai - Đà Nẵng và ngược lại.
<br> Đưa đón khách đi khám bệnh tuyền Đà Nẵng Quảng Nam.
</p>
<style>
.h1 {
text-shadow: 3px 3px black;
}
.thep {
text-shadow: 1px 1px black;
}
</style>
</div>
</div>
</div>
</div>
</section>
<section class="section-lg-top-100">
<!-- Car Rental Search-->
<div class="box box-lg section-relative shadow-drop-md text-left">
<div class="box-lg-header bg-gray-darker context-dark section-50 section-md-75">
<div class="shell">
<p style="font-size: 25px;margin-left: 490px;">Tìm kiếm xe cho thuê</p>
<div class="tab">
<button class="tablinks" onclick="openCity(event, 'London')">London</button>
<button class="tablinks" onclick="openCity(event, 'Paris')">Paris</button>
</div>
<div id="London" class="tabcontent">
<h3>London</h3>
<p>London is the capital city of England.</p>
</div>
<div id="Paris" class="tabcontent">
<h3>Paris</h3>
<p>Paris is the capital of France.</p>
</div>
<div id="Tokyo" class="tabcontent">
<h3>Tokyo</h3>
<p>Tokyo is the capital of Japan.</p>
</div>
<script>
function openCity(evt, cityName) {
var i, tabcontent, tablinks;
tabcontent = document.getElementsByClassName("tabcontent");
for (i = 0; i < tabcontent.length; i++) {
tabcontent[i].style.display = "none";
}
tablinks = document.getElementsByClassName("tablinks");
for (i = 0; i < tablinks.length; i++) {
tablinks[i].className = tablinks[i].className.replace(" active", "");
}
document.getElementById(cityName).style.display = "block";
evt.currentTarget.className += " active";
}
</script>
<style>
body {
font-family: Arial;
}
/* Style the tab */
.tab {
overflow: hidden;
border: 1px solid #ccc;
background-color: #f1f1f1;
}
/* Style the buttons inside the tab */
.tab button {
background-color: inherit;
float: left;
border: none;
outline: none;
cursor: pointer;
padding: 14px 16px;
transition: 0.3s;
font-size: 17px;
}
/* Change background color of buttons on hover */
.tab button:hover {
background-color: #ddd;
}
/* Create an active/current tablink class */
.tab button.active {
background-color: #ccc;
}
/* Style the tab content */
.tabcontent {
display: none;
padding: 6px 12px;
border: 1px solid #ccc;
border-top: none;
}
</style>
</div>
</div>
<div class="box-lg-body section-50 section-md-90 bg-alabaster">
<div class="shell">
<!-- RD Mailform-->
<form class="rd-mailform text-left">
<div class="range range-xs-center">
<div class="cell-sm-11 cell-md-4">
<div class="form-group form-group-select-outside">
<!--Select 2-->
<label class="form-custom-label form-custom-label-outside hehe">Loại xe(chỗ)</label>
<select data-placeholder="Please Select" data-minimum-results-for-search="Infinity" data-constraints="@Required" class="form-control select-filter">
<option value="">&nbsp;</option>
<option value="2">4</option>
<option value="3">7</option>
<option value="3">16</option>
</select>
</div>
<div class="form-group form-group-select-outside offset-top-35 offset-sm-top-18">
<!--Select 2-->
<label class="form-custom-label form-custom-label-outside hehe">Địa Điểm</label>
<select data-placeholder="Please Select" data-minimum-results-for-search="Infinity" data-constraints="@Required" class="form-control select-filter">
<option value="">&nbsp;</option>
<option value="2">Quảng Ngãi </option>
<option value="3">Đà Nẵng</option>
</select>
</div>
<!-- <div class="form-group form-group-select-outside offset-top-35 offset-sm-top-18">
<!--Select 2-->
<!-- <label class="form-custom-label form-custom-label-outside">Location</label>
<select data-placeholder="Please Select" data-minimum-results-for-search="Infinity" data-constraints="@Required" class="form-control select-filter">
<option value="">&nbsp;</option>
<option value="2">Location 1</option>
<option value="3">Location 2</option>
</select> -->
<!-- </div> -->
</div>
<div class="cell-xs-6 cell-sm-6 cell-md-4 offset-top-35 offset-md-top-0">
<!-- BootstrapDateTimePicker-->
<div class="form-group form-group-icon">
<label for="home-pickup-date" class="form-label form-label-outside hehe">Ngày đặt:</label>
<div class="form-control-wrap">
<input id="home-pickup-date" type="text" name="pickup-date" data-time-picker="date" data-constraints="@Required" class="form-control">
<span class="icon icon-xs fa fa-angle-down text-gray-dark"></span>
</div>
</div>
<!-- BootstrapDateTimePicker-->
<div class="form-group form-group-icon offset-top-35 offset-sm-top-18">
<label for="home-pickup-drop" class="form-label form-label-outside hehe">Ngày trả</label>
<div class="form-control-wrap">
<input id="home-pickup-drop" type="text" name="pickup-drop" data-time-picker="date" data-constraints="@Required" class="form-control">
<span class="icon icon-xs fa fa-angle-down text-gray-dark"></span>
</div>
</div>
<div class="form-group offset-top-35 offset-sm-top-65">
<div class="form-group">
</div>
</div>
</div>
<div class="cell-lg-1 offset-top-0 veil reveal-lg-inline-block">
<label for="home-pickup-date" class="label-inverse-lg-none icon icon-img icon-circle icon-default offset-top-40 veil reveal-sm-inline-block hehe">
<img src="images/icon-01-23x20.png" width="23" height="20" alt="" class="img-responsive center-block">
</label>
<label for="home-pickup-drop" class="label-inverse-lg-none icon icon-img icon-circle icon-default offset-top-35 veil reveal-sm-inline-block hehe">
<img src="images/icon-01-23x20.png" width="23" height="20" alt="" class="img-responsive center-block">
</label>
</div>
<div class="cell-xs-6 cell-sm-5 cell-md-4 cell-lg-3 offset-top-35 offset-md-top-0">
<div class="form-group product-number">
<label class="form-custom-label form-custom-label-outside hehe">TG thuê:</label>
<input type="number" data-zeros="true" value="1" min="1" max="24" data-constraints="@Numeric @Required" class="form-control">
</div>
<div class="offset-top-5 offset-sm-top-0 offset-inverse-sm-top-10">
<div class="form-group product-number">
<label class="form-custom-label form-custom-label-outside hehe">TG trả:</label>
<input type="number" data-zeros="true" value="1" min="1" max="24" data-constraints="@Numeric @Required" class="form-control">
</div>
</div>
<button type="button" onclick="getTime()" class="btn btn-primary offset-top-20 offset-md-top-45 hehe">Gửi</button>
</div>
</div>
</form>
</div>
</div>
</div>
<div style="margin-bottom: 35px" class="container">
<div class="mySlides">
<div class="numbertext">1 / 4</div>
<img src="https://www.w3schools.com/howto/img_nature_wide.jpg" style="width:100%">
</div>
<div class="mySlides">
<div class="numbertext">2 / 4</div>
<img src="https://www.w3schools.com/howto/img_snow_wide.jpg" style="width:100%">
</div>
<div class="mySlides">
<div class="numbertext">3 / 4</div>
<img src="https://www.w3schools.com/howto/img_woods_wide.jpg" style="width:100%">
</div>
<div class="mySlides">
<div class="numbertext">4 / 4</div>
<img src="https://www.w3schools.com/howto/img_woods_wide.jpg" style="width:100%">
</div>
<a class="prev" onclick="plusSlides(-1)">❮</a>
<a class="next" onclick="plusSlides(1)">❯</a>
<div class="caption-container">
<p id="caption"></p>
</div>
<div class="row">
<div class="column">
<img class="demo cursor" src="https://www.w3schools.com/howto/img_nature_wide.jpg" style="width:100%" onclick="currentSlide(1)"
alt="The Woods">
</div>
<div class="column">
<img class="demo cursor" src="https://www.w3schools.com/howto/img_snow_wide.jpg" style="width:100%" onclick="currentSlide(2)"
alt="Trolltunga, Norway">
</div>
<div class="column">
<img class="demo cursor" src="https://www.w3schools.com/howto/img_woods_wide.jpg" style="width:100%" onclick="currentSlide(3)"
alt="Mountains and fjords">
</div>
<div class="column">
<img class="demo cursor" src="https://www.w3schools.com/howto/img_woods_wide.jpg" style="width:100%" onclick="currentSlide(4)"
alt="Northern Lights">
</div>
<div class="column">
<img class="demo cursor" src="https://www.w3schools.com/howto/img_woods_wide.jpg" style="width:100%" onclick="currentSlide(4)"
alt="Northern Lights">
</div>
<div class="column">
<img class="demo cursor" src="https://www.w3schools.com/howto/img_woods_wide.jpg" style="width:100%" onclick="currentSlide(4)"
alt="Northern Lights">
</div>
</div>
</div>
<style>
* {
box-sizing: border-box;
}
img {
vertical-align: middle;
}
/* Position the image container (needed to position the left and right arrows) */
.container {
position: relative;
margin-bottom: 50px;
margin-top: 50px;
}
/* Hide the images by default */
.mySlides {
display: none;
}
.row {
margin-left: 0px;
margin-right: 0px;
}
/* Add a pointer when hovering over the thumbnail images */
.cursor {
cursor: pointer;
}
/* Next & previous buttons */
.prev,
.next {
cursor: pointer;
position: absolute;
top: 40%;
width: auto;
padding: 15px;
margin-top: -48px;
/* margin-right: -2px; */
color: white;
margin-left: -570px;
font-weight: bold;
font-size: 20px;
margin-right: 15px;
border-radius: 0 3px 3px 0;
user-select: none;
-webkit-user-select: none;
}
/* Position the "next button" to the right */
.next {
right: 0;
border-radius: 3px 0 0 3px;
}
/* On hover, add a black background color with a little bit see-through */
.prev:hover,
.next:hover {
background-color: rgba(0, 0, 0, 0.8);
}
/* Number text (1/3 etc) */
.numbertext {
color: #f2f2f2;
font-size: 12px;
padding: 8px 12px;
position: absolute;
top: 0;
}
/* Container for image text */
.caption-container {
text-align: center;
background-color: #222;
padding: 2px 16px;
color: white;
}
.row:after {
content: "";
display: table;
clear: both;
}
/* Six columns side by side */
.column {
float: left;
width: 16.66%;
}
/* Add a transparency effect for thumnbail images */
.demo {
opacity: 0.6;
}
.active,
.demo:hover {
opacity: 1;
}
</style>
<script>
var slideIndex = 1;
showSlides(slideIndex);
function plusSlides(n) {
showSlides(slideIndex += n);
}
function currentSlide(n) {
showSlides(slideIndex = n);
}
function showSlides(n) {
var i;
var slides = document.getElementsByClassName("mySlides");
var dots = document.getElementsByClassName("demo");
var captionText = document.getElementById("caption");
if (n > slides.length) {
slideIndex = 1
}
if (n < 1) {
slideIndex = slides.length
}
for (i = 0; i < slides.length; i++) {
slides[i].style.display = "none";
}
for (i = 0; i < dots.length; i++) {
dots[i].className = dots[i].className.replace(" active", "");
}
slides[slideIndex - 1].style.display = "block";
dots[slideIndex - 1].className += " active";
captionText.innerHTML = dots[slideIndex - 1].alt;
}
</script>
</section>
<div class="h4 text-center mb-4 title" style="width: 80%"></div>
<div id="map"></div>
<style>
#map {
margin-top: 8px;
margin-bottom: 25px;
height: 300px;
margin: 0 auto;
width: 85%;
}
</style>
<script>
function initMap() {
var uluru = { lat: 15.1639455, lng: 108.7972963 };
var map = new google.maps.Map(document.getElementById('map'), {
zoom: 15,
center: uluru
});
var contentString = '<div id="content">' +
'<div id="siteNotice">' +
'</div>' +
'<b id="firstHeading" class="firstHeading">48 Nguyễn Văn Linh, Trương Quang Trọng, Sơn Tịnh, Quảng Ngãi, Vietnam</b>' +
'<div id="bodyContent">' +
'<p>Đây là địa chỉ cuả Nhà Xe Hoàng Phúc </p>'
'</div>' +
'</div>';
var infowindow = new google.maps.InfoWindow({
content: contentString,
maxWidth: 200
});
var marker = new google.maps.Marker({
position: uluru,
map: map,
title: 'Uluru (Ayers RocK)',
draggable: true,
animation: google.maps.Animation.DROP
});
marker.addListener('click', function () {
infowindow.open(map, marker);
});
marker.addListener('click', toggleBounce);
function toggleBounce() {
if (marker.getAnimation() !== null) {
marker.setAnimation(null);
} else {
marker.setAnimation(google.maps.Animation.BOUNCE);
}
}
}
</script>
<script async defer src="https://maps.googleapis.com/maps/api/js?key=AIzaSyB0c3onWCNTgztTwLF6E0K9bxuK65cHSkI&callback=initMap">
</script>
</div>
</div>
</div>
<!-- Page Footer-->
<footer style="background: #292b31 url(images/background-05-1920x1100.jpg) center/cover no-repeat;margin-top: 35px" class="page-footer">
<div class="shell section-top-90 section-bottom-90 section-md-top-20 section-md-bottom-150">
<div class="range range-xs-center text-left">
<div class="cell-xs-3 cell-sm-4 cell-md-3">
<h5 class="text-italic text-regular text-primary hehe">Trợ giúp</h5>
<!-- List-->
<ul class="list list-0 p text-small-15 offset-top-10 offset-md-top-20">
<li>
<a href="contacts.html" class="text-white">Liên Hệ</a>
</li>
<li>
<a href="contacts.html" class="text-white">48 Nguyễn Văn Linh,P. Trương Quang Trọng, Thành Phố Quảng Ngãi</a>
</li>
</ul>
</div>
<div class="cell-xs-5 cell-sm-5 cell-md-3 offset-top-35 offset-xs-top-0">
<h5 class="text-italic text-regular text-primary">Truy cập nhanh</h5>
<!-- List-->
<ul class="list list-0 p text-small-15 offset-top-10 offset-md-top-20">
<li>
<a href="#" class="text-white"></a>
</li>
<li>
<a href="#" class="text-white"></a>
</li>
<li>
<a href="#" class="text-white"></a>
</li>
<li>
<a href="#" class="text-white"></a>
</li>
<li>
<a href="#" class="text-white"></a>
</li>
<li>
<a href="#" class="text-white"></a>
</li>
</ul>
</div>
<div class="cell-sm-5 cell-md-3 offset-top-35 offset-md-top-0 text-xs-center text-sm-left">
<p class="text-small-14 text-pale-sky">
<span class="text-white">hongphuc</span> &#169;
<span id="copyright-year"></span> &#124;
<a href="privacy.html" class="text-pale-sky">social network</a>
</p>
<!-- List Inline-->
<ul class="list-inline offset-top-20">
<li class="text-center">
<a href="#" class="icon icon-sm icon-circle icon-bordered fa fa-instagram icon-transparent"></a>
</li>
<li class="text-center">
<a href="#" class="icon icon-sm icon-circle icon-bordered fa fa-twitter icon-transparent"></a>
</li>
<li class="text-center">
<a href="#" class="icon icon-sm icon-circle icon-bordered fa fa-facebook-f icon-transparent"></a>
<!-- {%FOOTER_LINK}-->
</li>
</ul>
</div>
</div>
</div>
</footer>
</div>
<!-- Global Mailform Output-->
<div id="form-output-global" class="snackbars"></div>
<!-- Java script-->
<script src="js/core.min.js"></script>
<script src="js/script.js"></script>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-7078796-5']);
_gaq.push(['_trackPageview']);
(function () {
var ga = document.createElement('script');
ga.type = 'text/javascript';
ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') +
'.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(ga, s);
})();
</script>
</body>
<!-- Google Tag Manager -->
<noscript>
<iframe src="//www.googletagmanager.com/ns.html?id=GTM-P9FT69" height="0" width="0" style="display:none;visibility:hidden"></iframe>
</noscript>
<script>
(function (w, d, s, l, i) {
w[l] = w[l] || [];
w[l].push({
'gtm.start': new Date().getTime(),
event: 'gtm.js'
});
var f = d.getElementsByTagName(s)[0],
j = d.createElement(s),
dl = l != 'dataLayer' ? '&l=' + l : '';
j.async = true;
j.src = '//www.googletagmanager.com/gtm.js?id=' + i + dl;
f.parentNode.insertBefore(j, f);
})(window, document, 'script', 'dataLayer', 'GTM-P9FT69');
</script>
<script>
function getTime() {
const arrayMonth = ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September',
'October', 'November', 'December'
];
var $dateTimePicker1 = $(plugins.bootstrapDateTimePicker[0]);
var $dateTimePicker2 = $(plugins.bootstrapDateTimePicker[1]);
// $dateTimePicker1 = $dateTimePicker1.context.value.splice($dateTimePicker1.context.value.indexOf(','), 1);
var dateTime1 = $dateTimePicker1.context.value;
var dateTime2 = $dateTimePicker2.context.value;
dateTime1 = dateTime1.replace(',', '');
dateTime2 = dateTime2.replace(',', '');
dateTime1 = dateTime1.split(' ');
dateTime2 = dateTime2.split(' ');
var dateNow = new Date(); // lay thoi gian hien tai
var hour = dateNow.getHours();
var mm = dateNow.getMinutes();
var second = dateNow.getSeconds();
//2018 //thang //ngay
var ngayDat = new Date(dateTime1[3], arrayMonth.indexOf(dateTime1[2]), dateTime1[1], hour, mm, second); // lay thoi gian ở form
var ngayTra = new Date(dateTime2[3], arrayMonth.indexOf(dateTime2[2]), dateTime2[1], hour, mm, second);
// Muốn tính số ngày mượn thì
var soNgayMuon = (ngayTra.getTime() - ngayDat.getTime()) / (24 * 60 * 60 * 1000);
console.log('Ngày đặt ' + ngayDat);
console.log('Ngày trả ' + ngayTra);
console.log('so ngay muon ' + soNgayMuon);
}
</script>
<!-- End Google Tag Manager -->
</html>
@vietduchelo
Leave a comment
Attach files by dragging & dropping, , or pasting from the clipboard. Styling with Markdown is supported
© 2018 GitHub, Inc.
Terms
Privacy
Security
Status
Help
Contact GitHub
API
Training
Shop
Blog
About
Press h to open a hovercard with more details.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment