javascript - 使用接下来 4 个月中星期六的日期创建一个选择

标签 javascript html jquery-ui calendar

大家好。 我想知道如何使用 jquery.ui 作为日期引用,在接下来的四个月中使用星期六的日期创建一个选择。 我只想创建类似的东西:

<select>
  <optgroup label="July">
    <option value="30/07/2012">30</option>
  </optgroup>
  <optgroup label="August">
    <option value="04/08/2012">4</option>
    <option value="11/08/2012">11</option>
    <option value="18/08/2012">18</option>
    <option value="25/08/2012">25</option>
  </optgroup>
</select> 

...

我们将不胜感激任何帮助。

非常感谢您的关注。

最佳答案

一旦您开始进行任何类型的日期数学计算,您就应该始终评估领先的日期库。 jQUeryUI 的日期功能以日期选择器的需求为中心,虽然很棒,但如果您不需要实际的日期选择器,那么您最好使用类似 Moment.js 的东西

要使用 Moment 查找接下来的几个星期六,您可以执行以下操作:

var thisSaturday = moment().day(6); // 6th day of the week = saturday

var num = 4,
    upcomingSaturdays = [
      thisSaturday
    ];

for (var i = 1; i <= num; i++) {
  upcomingSaturdays.push(moment(thisSaturday).add('days', 7 * i));
}

document.write(upcomingSaturdays.join('<br>'));

on JSFiddle

关于javascript - 使用接下来 4 个月中星期六的日期创建一个选择,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11673806/

相关文章:

javascript - 在使用变换原点时尝试将图像居中放置在 div 中

php - 如何在 HTML 中创建自定义变量

javascript - jQuery UI 自动完成更改事件未实时触发

javascript - 如果拖入父级 div(如果为空),jQuery 可排序不起作用

javascript - 将元素拖动到可排序后切换停止工作

javascript - Spring MVC - 重新加载相同的 ModelAndView 但使用新的/不同的数据

javascript - JS : Play clip on mouseover

javascript - 如何在React Router中生成动态路由?

Javascript 幻灯片放映按钮不起作用

javascript - getElementById 不适用于 for 循环中的多次迭代