javascript - 如何计算 "check-in date"和 "check-out date"之间有多少天？-6ren

javascript - 如何计算 "check-in date"和 "check-out date"之间有多少天？

转载作者：行者123 更新时间：2023-11-28 18:18:02

我试图弄清楚如何计算用户输入的入住日期和退房日期之间的天数。我需要将这个数字乘以他们选择的房间，以获得他们住宿的总费用并将其显示在屏幕上的某个位置。

我不完全确定如何计算天数，但是为了获取房间的费用，我需要为每种类型的房间分配一个 ID 并为其分配一个数值，而不是我当前的设置现在？或者您还可以如何为每个房间的选择分配一个值？

<script>
			function check() {
				if(document.getElementById('checkin').value > document.getElementById('checkout').value)
					{ 
						alert("Check-out date must be after check-in date!")
				}
			}
			
			//function result() {
				//document.getElementById('standard').value * 
			//}
</script>

	<body>
  	  <form>
	  <fieldset>
	  <legend>test</legend>
			First Name: <br>
			<input type="text" name="firstname" size="45" pattern="[A-Za-z]+" title="Alphabet characters only." required>
			<br><br>
			Last Name: <br>
			<input type="text" name="lastname" size="45" pattern="[A-Za-z]+" title="Alphabet characters only." required>
			<br><br>
			Street Address: <br>
			<input type="text" name="street" size="45" pattern="[A-Za-z0-9 ]+" title="Alphabet characters and numbers only." required>
			<br><br>
			City: <br>
			<input type="text" name="city" size="45" pattern="[A-Za-z ]+" title="Alphabet characters only." required>
			<br><br>
			State: <br>
			<input list="states" name="state" size="45" required>
				  <datalist id="states">
						<option value="AL">Alabama</option>
						<option value="AK">Alaska</option>
						<option value="AZ">Arizona</option>
						<option value="AR">Arkansas</option>
						<option value="CA">California</option>
						<option value="CO">Colorado</option>
						<option value="CT">Connecticut</option>
						<option value="DE">Delaware</option>
						<option value="FL">Florida</option>
						<option value="GA">Georgia</option>
						<option value="HI">Hawaii</option>
						<option value="ID">Idaho</option>
						<option value="IL">Illinois</option>
						<option value="IN">Indiana</option>
						<option value="IA">Iowa</option>
						<option value="KS">Kansas</option>
						<option value="KY">Kentucky</option>
						<option value="LA">Louisiana</option>
						<option value="ME">Maine</option>
						<option value="MD">Maryland</option>
						<option value="MA">Massachusetts</option>
						<option value="MI">Michigan</option>
						<option value="MN">Minnesota</option>
						<option value="MS">Mississippi</option>
						<option value="MO">Missouri</option>
						<option value="MT">Montana</option>
						<option value="NE">Nebraska</option>
						<option value="NV">Nevada</option>
						<option value="NH">New Hampshire</option>
						<option value="NJ">New Jersey</option>
						<option value="NM">New Mexico</option>
						<option value="NY">New York</option>
						<option value="NC">North Carolina</option>
						<option value="ND">North Dakota</option>
						<option value="OH">Ohio</option>
						<option value="OK">Oklahoma</option>
						<option value="OR">Oregon</option>
						<option value="PA">Pennsylvania</option>
						<option value="RI">Rhode Island</option>
						<option value="SC">South Carolina</option>
						<option value="SD">South Dakota</option>
						<option value="TN">Tennessee</option>
						<option value="TX">Texas</option>
						<option value="UT">Utah</option>
						<option value="VT">Vermont</option>
						<option value="VA">Virginia</option>
						<option value="WA">Washington</option>
						<option value="WV">West Virginia</option>
						<option value="WI">Wisconsin</option>
						<option value="WY">Wyoming</option>
					</datalist>
			<br><br>
			Zip Code: <br>
			<input type="text" name="zipcode" size="45" pattern="[0-9]+" title="Numbers only." required>
			<br><br>
			Phone Number: <br>
			<input type="text" name="phone" size="45" pattern="[0-9-]+" title="Numbers only." required>
			<br><br>
			E-mail: <br>
			<input type="email" name="email" size="45" pattern="[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,3}$" required>
			<br><br>
			Check-In Date:<br>
			<input type="date" id="checkin" name="checkin" required>
			<br><br>
			Check-Out Date:<br>
			<input type="date" id="checkout" name="checkout" required>
			<br><br>
			Room:<br>
			<input list="rooms" name="room" size="16" required>
				<datalist id="rooms">
					<option value="Standard ($50/night)">
					<option value="Queen ($75/night)">
					<option value="King ($100/night)">
					<option value="Business ($125/night)">
					<option value="Deluxe Suite ($150/night)">
				</datalist>
			<br><br>
			<button type="submit" onclick="check()">Submit</button>
			</fieldset>
	  </form>
</body>

最佳答案

<script>
function check() {
  var date1 = new Date(document.getElementById('checkin').value);
  var date2 = new Date(document.getElementById('checkout').value);
  var diff = Math.abs(date2.getTime() - date1.getTime());
  var noofdays = Math.ceil(diff / (1000 * 3600 * 24));  
  if(date1  > date2){ 
	alert("Check-out date must be after check-in date!")
  }
  else {
    alert(noofdays);
  }
}		
</script>
<body>
  <form>
	<fieldset>
	  <legend>test</legend>
			First Name: <br>
			<input type="text" name="firstname" size="45" pattern="[A-Za-z]+" title="Alphabet characters only." required>
			<br><br>
			Last Name: <br>
			<input type="text" name="lastname" size="45" pattern="[A-Za-z]+" title="Alphabet characters only." required>
			<br><br>
			Street Address: <br>
			<input type="text" name="street" size="45" pattern="[A-Za-z0-9 ]+" title="Alphabet characters and numbers only." required>
			<br><br>
			City: <br>
			<input type="text" name="city" size="45" pattern="[A-Za-z ]+" title="Alphabet characters only." required>
			<br><br>
			State: <br>
			<input list="states" name="state" size="45" required>
				  <datalist id="states">
						<option value="AL">Alabama</option>
						<option value="AK">Alaska</option>
						<option value="AZ">Arizona</option>
						<option value="AR">Arkansas</option>
						<option value="CA">California</option>
						<option value="CO">Colorado</option>
						<option value="CT">Connecticut</option>
						<option value="DE">Delaware</option>
						<option value="FL">Florida</option>
						<option value="GA">Georgia</option>
						<option value="HI">Hawaii</option>
						<option value="ID">Idaho</option>
						<option value="IL">Illinois</option>
						<option value="IN">Indiana</option>
						<option value="IA">Iowa</option>
						<option value="KS">Kansas</option>
						<option value="KY">Kentucky</option>
						<option value="LA">Louisiana</option>
						<option value="ME">Maine</option>
						<option value="MD">Maryland</option>
						<option value="MA">Massachusetts</option>
						<option value="MI">Michigan</option>
						<option value="MN">Minnesota</option>
						<option value="MS">Mississippi</option>
						<option value="MO">Missouri</option>
						<option value="MT">Montana</option>
						<option value="NE">Nebraska</option>
						<option value="NV">Nevada</option>
						<option value="NH">New Hampshire</option>
						<option value="NJ">New Jersey</option>
						<option value="NM">New Mexico</option>
						<option value="NY">New York</option>
						<option value="NC">North Carolina</option>
						<option value="ND">North Dakota</option>
						<option value="OH">Ohio</option>
						<option value="OK">Oklahoma</option>
						<option value="OR">Oregon</option>
						<option value="PA">Pennsylvania</option>
						<option value="RI">Rhode Island</option>
						<option value="SC">South Carolina</option>
						<option value="SD">South Dakota</option>
						<option value="TN">Tennessee</option>
						<option value="TX">Texas</option>
						<option value="UT">Utah</option>
						<option value="VT">Vermont</option>
						<option value="VA">Virginia</option>
						<option value="WA">Washington</option>
						<option value="WV">West Virginia</option>
						<option value="WI">Wisconsin</option>
						<option value="WY">Wyoming</option>
					</datalist>
			<br><br>
			Zip Code: <br>
			<input type="text" name="zipcode" size="45" pattern="[0-9]+" title="Numbers only." required>
			<br><br>
			Phone Number: <br>
			<input type="text" name="phone" size="45" pattern="[0-9-]+" title="Numbers only." required>
			<br><br>
			E-mail: <br>
			<input type="email" name="email" size="45" pattern="[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,3}$" required>
			<br><br>
			Check-In Date:<br>
			<input type="date" id="checkin" name="checkin" required>
			<br><br>
			Check-Out Date:<br>
			<input type="date" id="checkout" name="checkout" required>
			<br><br>
			Room:<br>
			<input list="rooms" name="room" size="16" required>
				<datalist id="rooms">
					<option value="Standard ($50/night)">
					<option value="Queen ($75/night)">
					<option value="King ($100/night)">
					<option value="Business ($125/night)">
					<option value="Deluxe Suite ($150/night)">
				</datalist>
			<br><br>
			<button type="submit" onclick="check()">Submit</button>
			</fieldset>
	  </form>
</body>

关于javascript - 如何计算 "check-in date"和 "check-out date"之间有多少天？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/40505020/

文章推荐： html - div block 的对齐问题

文章推荐： javascript - 如何检测Bootstrap模式滚动条的位置？

文章推荐： Javascript:将数组元素作为选项放入选择框

文章推荐： javascript - 将鼠标悬停在宽度不等的重叠 div 上

html - 使用 [checked] 或 [checked ="checked"]
这个问题在这里已经有了答案: What's the proper value for a checked attribute of an HTML checkbox? (10 个答案) 关闭 8 年
jquery - 自定义复选框 : how to check whether check box is checked or not
我使用这个制作了自定义复选框: enter link description here 也可在 stackoverflow 上获得:enter link description here 但我正在尝试
javascript - .checked = true 或 setAttribute ("checked", "checked") 未附加
我需要使用 CSS“checkbox-hack”来实现滑动菜单指示器效果，我唯一的方法是通过 JavaScript 附加输入元素。我被迫通过在线工具 MonoSolutions 执行此操作，并且我受到
javascript - Bootstrap : how to check if an elment is checked and set it to disable if checked
此代码运行良好，但缺少一些我需要的东西。基本上，如果输入有一个 checked="checked" 属性，它应该使其他两个元素保持禁用状态。如果未选中，则元素已启用。这是我在 jsFiddle 上的
tfs - Visual Studio TFS check out 缺少 "Check out" check out 类型
当我的人 checkout 文件时，我希望他们将其锁定，以便其他人也无法进行更改，我从这篇文章中看到:http://msdn.microsoft.com/en-us/library/jj155783.
c# - Check.Assert()、Check.Ensure() 和 Check.Require() 有什么作用？
请告诉我这些函数的作用。最佳答案这些是基于框架的、与语言无关的方法，用于在 .NET 中定义代码契约。虽然某些语言(如 spec# 和 Delphi Prism)对代码契约具有一流的语言支持，但这
javascript - $ ('.input:checked' ) 的行为不同于 $ ('.input[checked=checked]' )
假设以下场景:您有 2 个单选按钮，它们具有相同的名称，并且都被选中(我知道这是无效的): 为什么下面两个选择器的行为不同？ $('.input:checked').size(); // retu
jquery - .attr ('checked' ,'checked' )不起作用
我正在尝试收听广播。以下均不起作用: [编辑] $('selector').attr('checked','checked'); $('selector').attr('checked',true);
dart - 参数类型“CheckIng”不能分配给参数类型“(()-> Check In”
我实际上在努力理解此类型错误。任何人都知道我如何更正代码？谢谢 CheckIn checkin1 = new CheckIn(location1, dt); CheckInMonths checkI
jquery - .attr ('checked' 、 'checked' )无法按预期工作
我有这段代码，但不起作用。 .on("click","span.name", function selectThisName(e) { if (e.altKey) {
安卓 Espresso : checking for a checked checkbox
我现在是 Espresso 的新手，我遇到了这个异常: android.support.test.espresso.AmbiguousViewMatcherException: 'with id: a
html - 选项更改时单选按钮 "Checked=checked"不更改
我已经创建了一个基本的 2 单选按钮表单，如下面的示例所示。观察浏览器渲染，我们看到元素 1 被选中。我们检查元素 1 和元素 2。当我点击元素 2 时，我希望元素 1 的 checked=che
javascript - jquery attr ('checked' ,'checked' ) 只工作一次
我在查找以下 jquery/checkbox 行为的原因时遇到问题。 $( this.obj + ' table.sgrid-content > thead > tr > th > input.sel
azure 逻辑应用: not corrently checking empty check
以下逻辑应用在上午 10 点触发并运行 SQL Server 查询。从图片中可以看出，结果集是空的。条件检查检查查询的结果集是否为空。 (第二张图) 这仍然如何转化为 True？结果显然是空的。最
java - 什么更快 : equal check or sign check
我想知道哪种操作更快: int c = version1.compareTo(version2); 这个 if (c == 1) 或者这个 if (c > 0) 符号比较是否只使用一位检查，而相等比较
Angular : $pristine for ng-check checked inputs
我有一个包含大约 100 个问题的表单，每个问题都有一个单选按钮和一些复选框，因此我需要用户能够保存表单并在以后加载它。我还需要检查用户在此 session 中更改了哪些。本题解决问题:How ca
python - Tkinter问题: checking one checkbox checks all of them
我正在编写一个小程序，需要用户决定一些 bool 值。我已经制作了复选框来处理这一部分，但问题是每次我选中或取消选中一个复选框时，所有其他复选框都会跟随。我在网上搜索过，但我找到的唯一解释( pyt
jquery - 为什么 .attr ('checked' ,'checked' ) 不会设置？
我有以下代码片段(我使用的是 jQuery 1.4.2): $.post('/Ads/GetAdStatsRow/', { 'ad_id': id }, function(result) {
javascript - checkbox 有 checked 属性但不显示 checked
我的代码发生了一些奇怪的事情。我有两个按钮，其中一个带有 .add 和 .remove 类，有一个复选框会根据按下哪个按钮而打开和关闭，因此如果您使用删除按钮删除，则选中的复选框将被选中，否则复选框将
android - 如何将列表中的所有复选框 'check' 改为 'check' 单个复选框？
我陷入了一种情况，我必须通过“选中”工具栏中的复选框来“选中”列表中存在的所有复选框。这是创建复选框列表的代码:- itemTpl: 'checked="checked" /> {groupName

行者123

个人简介

我是一名优秀的程序员,十分优秀！

作者热门文章

滴滴打车优惠券免费领取

全站热门文章

首页

博学

6Ren·AI

商城

javascript - 如何计算 "check-in date"和 "check-out date"之间有多少天？