javascript实现获取一个日期段内每天不同的价格(计算入住总价格)

 更新时间:2018年02月05日 09:34:05   作者:奇惠小前端  
这篇文章主要介绍了javascript实现获取一个日期段内每天不同的价格(计算入住总价格)的相关资料,需要的朋友可以参考下

 

代码例子

最近在做酒店的小程序项目开发,遇到一个这样的问题。

酒店的房间价格是浮动的,每天每时或某个特殊的日期价格等都是浮动的不一样。如果用户选择了未来5天的住房的话,而这5天刚好价格还都不一样还有特殊日的价格,如何计算出一个5天的总价格呢?

下面的例子是根据入住的日期,和离店的日期来列出这一个日期段内的所有日期:

这个功能你会有几个地方用到,所以要封装下:单独建一个js文件

function Thedatefor(times,objroom){ // 日期段 objroom房间价格表,有星期和特殊日期
 var dateObj = []
 var feeroom = [] // 计算后总价格表
 var str = times[0].split("-") // 入住日期
 var end = times[1].split("-") //离店日期
 var strs = new Date();
 strs.setUTCFullYear(str[0], str[1] - 1, str[2]); //设置年份
 var ends = new Date();
 ends.setUTCFullYear(end[0], end[1] - 1, end[2]); //设置年份
 var strdate = strs.getTime(); //毫秒
 var enddate = ends.getTime(); // 毫秒
 for (var b = strdate; b <= enddate;) { // 遍历出所有日期段
 dateObj.push((new Date(parseInt(b))).format().toString());
 b = b + 24 * 60 * 60 * 1000;
 }
 for (var b = 0; b < dateObj.length;b++){  //dateObj拿到的所有日期
 var timedate = dateAllArr[b].split("-")  
 var getDays = new Date(dateObj[b]).getDay() == 0 ? 7 : new 
Date(dateObj[b]).getDay() //这里可以转换成星期几的
 for (var h = 0; h < (objroom.length - 1);h++){ 
  if (parseInt(timedate[0] + timedate[1] + timedate[2]) == objroom[h].match){ // 对比特殊日
  feeroom.push({ fee: objroom[h].fee, date: dateObj[b]})
  }//根据星期几和特殊日期来获取每天的价格
  if (getDays == objroom[h].match) { //对比星期
  feeroom.push({ fee: objroom[h].fee, date: dateObj[b] })
  }
 }
 }
 return feeroom //最后列出每天的价格,和日期返回
}

times传入的是入住日期和离店日期格式为:‘[2018-01-20,2018-01-26]',objroom是一个未来一个星期的这个房间的每天价格表。

总结

以上所述是小编给大家介绍的javascript实现获取一个日期段内每天不同的价格(计算入住总价格),希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

相关文章

  • JavaScript图片上传并预览的完整实例

    JavaScript图片上传并预览的完整实例

    上传是个老生常谈的话题了,多数情况下各位想必用的是uplodify,webUploader之类的插件,这篇文章主要给大家介绍了关于JavaScript图片上传并预览的相关资料,需要的朋友可以参考下
    2022-01-01
  • 在小程序中集成redux/immutable/thunk第三方库的方法

    在小程序中集成redux/immutable/thunk第三方库的方法

    这篇文章主要介绍了在小程序中集成redux/immutable/thunk第三方库的方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-08-08
  • TypeScript中类的基础概念和使用详解

    TypeScript中类的基础概念和使用详解

    这篇文章主要为大家详细介绍了TypeScript 中类的概念和用法,文中的示例代码讲解详细,希望能帮助大家更好地理解和运用 TypeScript 中的类
    2023-06-06
  • JS+Canvas实现自定义头像功能

    JS+Canvas实现自定义头像功能

    本文主要为大家详细介绍了如何利用JS+Canvas实现自定义头像功能,文中的示例代码讲解详细,对我们学习有一定的帮助,感兴趣的小伙伴可以了解一下
    2022-06-06
  • 浅谈JS中几种轻松处理''this''指向方式

    浅谈JS中几种轻松处理''this''指向方式

    这篇文章主要介绍了浅谈JS中几种轻松处理'this'指向方式,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-09-09
  • JS生成唯一id方式之UUID和NanoID

    JS生成唯一id方式之UUID和NanoID

    这篇文章主要介绍了JS生成唯一id方式之UUID和NanoID,唯一id有了更好的方式,那就是NanoID,今天这篇文章记录一下NanoID 正在取代 UUID?及js 生成uuid及NanoID的方法,下面来看文章的详细介绍
    2021-12-12
  • js实现仿购物车加减效果

    js实现仿购物车加减效果

    本文主要介绍了js实现仿购物车+ -效果的实例,具有很好的参考价值,下面跟着小编一起来看下吧
    2017-03-03
  • 微信小程序实现带滑块的进度条

    微信小程序实现带滑块的进度条

    这篇文章主要为大家详细介绍了微信小程序实现带滑块的进度条,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-06-06
  • JS实现身份证输入框的输入效果

    JS实现身份证输入框的输入效果

    这篇文章主要介绍了JS实现身份证输入框的输入效果,非常不错,具有参考借鉴价值,需要的朋友可以参考下
    2017-08-08
  • 事件模型在各浏览器中存在差异

    事件模型在各浏览器中存在差异

    根据 W3C DOM 2 Events 描述,EventTarget 接口被所有支持 DOM 事件模型的节点(Node)实现。 该接口提供addEventListener 和removeEventListener方法,用来绑定或解绑一个 EventListeners 接口到一个 EventTarget。
    2010-10-10

最新评论