javascript - 如何在一周内装扮日期选择器

标签 javascript jquery-ui-datepicker

我有两个日历,只想限制一周,当我选择第一个日历日期1时,然后输出到两个日历将出现第7个。 我正在使用 ui 日期选择器

function initWidget() {
    $("#datepicker").datepicker({
       numberOfMonths: 1,
       showButtonPanel: true,
       dateFormat: 'dd-mm-yy'
    }).datepicker("setDate", new Date());

   $("#datepicker2").datepicker({
      numberOfMonths: 1,
      showButtonPanel: true,
      dateFormat: 'dd-mm-yy'
   }).datepicker("setDate", new Date());
}

最佳答案

您可以使用onSelect回调如下:

onSelect: function(date){
 var selectedDate = new Date(date);
 var targetDay = selectedDate.getDay() + 7;
 var targetDate = new Date().setDate(targetDay);
 $("#datepicker2").datepicker("setDate", targetDate);
}

关于javascript - 如何在一周内装扮日期选择器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38690443/

相关文章:

html - 在一页 html 文件中显示两个日期选择器时出错

jquery - 在 Bootstrap 模式中实现 jQuery DatePicker

javascript - PHP 脚本没有将所有数据写入 JSON 文件

javascript - Electron 桌面应用程序 - 通过传递参数加载 url - javascript

javascript - 更改 bootstrap 4 下拉菜单选项以在 html 中显示和隐藏 div

javascript - 需要帮助了解如何从 JS 文件格式化表数据的内联 CSS

jquery - 使用 jQuery 即时创建标签

javascript - 使用 JQuery onSelect 更新全局变量

javascript - javascript中如何处理海量数组

jquery - 如何更改 jquery 日期选择器的单元格颜色