【问题标题】:Change Second Date Input Based on First Date Input and Vice Versa根据第一个日期输入更改第二个日期输入,反之亦然
【发布时间】:2019-08-22 11:10:59
【问题描述】:

我正在尝试链接两个日期选择器,这样当我在第一个日期选择器中选择一个日期时,第二个日期选择器也应该更改。

现在我正在使用这个日期选择器: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 datepicker 中选择 Jalali/Shamsi 日期,那么它应该在 gregorianDate datepicker 中自动转换为公历日期,反之亦然。

【问题讨论】:

    标签: javascript jquery html datepicker


    【解决方案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

    【讨论】:

    • 试过但没用。我认为它只适用于 linux 服务器,但我不确定。
    猜你喜欢
    • 2018-03-29
    • 2019-07-25
    • 2019-10-04
    • 2012-09-19
    • 1970-01-01
    • 1970-01-01
    • 2023-03-29
    • 2021-08-17
    • 2017-02-03
    相关资源
    最近更新 更多