根据首次输入和副词更改第二次输入

Question

我试图链接两个日期选择器，以便当我在第一个日期选择器中选择一个日期时，第二个日期选择器也应更改。

现在，我正在使用此日期选择器： http : //babakhani.github.io/PersianWebToolkit/doc/datepicker/

现在，我通过以下两个日期选择器手动选择日期：

<input type="text" value='' required id='shamsi' class='uk-input solarDate'>
<input type="text" value='' required id='gregorian' class='uk-input gregorianDate'>

借助以下JavaScript代码：

            $(document).ready(function() {
                $(".solarDate").pDatepicker({
                    format: 'YYYY-MM-DD',
                    autoClose: true,
                    dayPicker: {
                        "enabled": true,
                        "titleFormat": "YYYY MMMM"
                    },
                    monthPicker: {
                        "enabled": true,
                        "titleFormat": "YYYY"
                    },
                    yearPicker:{
                        enabled: 'true'
                    }
                });

                $(".gregorianDate").pDatepicker({
                    format: 'YYYY-MM-DD',
                    autoClose: true,
                    calendarType: 'gregorian',
                    dayPicker: {
                        "enabled": true,
                        "titleFormat": "YYYY MMMM"
                    },
                    monthPicker: {
                        "enabled": true,
                        "titleFormat": "YYYY"
                    },
                    yearPicker:{
                        enabled: 'true'
                    }
                });
            });

现在，我想链接这两个日期选择器。 例如，如果我在solarDate日期选择器中选择Jalali / Shamsi日期，则它应在gregorianDate日期选择器中自动转换为公历日期，反之亦然。

Answer 1

您可以使用onSelect函数：

$(".solarDate").pDatepicker({
    onSelect: function(unix){
        // Change your gregorianDate value here

        console.log('datepicker select : ' + unix);
    },
...
})

更多： http : //babakhani.github.io/PersianWebToolkit/doc/datepicker/example/#onselect