如何在 UI-日期选择器中选择日期 在其他 UI 日期选择器上

how to make a date as selected in ui-datepicer deponding on other ui-date picker

本文关键字：日期 选择器 其他 UI 选择 UI-      更新时间：2023-09-26

我有两个ui日期选择器日历。

当我从第一个 ui 日期选择器中选择日期时，第二个将显示第一个日期+2 为已选中

即我从第一个日历中选择了 07/02/2012，

然后第二个卡拉达选择了 07/04/2012

查看我的代码 

$(function(){
                // Datepicker
                $('#datepicker_In').datepicker({
                    inline: true,
                    minDate: 0  
                });
                $('#datepicker_Out').datepicker({
                    inline: true,
                    minDate: 0
                });
                //hover states on the static widgets
                $('#dialog_link, ul#icons li').hover(
                    function() { $(this).addClass('ui-state-hover'); }, 
                    function() { $(this).removeClass('ui-state-hover'); }
                );
            });

请重播

我已经尝试了很多，但没有...

多谢

我需要显示下第二天而不是下个月，请重播

这是假设您的日期格式是MM/dd/yyyy格式。您可以挂钩到datepicker_In更改事件，读取所选值，将该值递增 2 个月（根据请求），然后将datepicker_Out值设置为递增的日期。

$('#datepicker_In').change(function() {
    var currentDate = $("#datepicker_In").val();
    var newDate = new Date(currentDate);
    var cDate = (newDate.getMonth() + 2) + "/" + newDate.getDate() + "/" + newDate.getFullYear(); 

   $('#datepicker_Out').val(cDate);
});
相关文章：