首页 > 解决方案 > 如何使用函数的输出更新输入字段的值?

问题描述

我是一个完全的 JS 菜鸟,因为我一直在用 PHP 编码,所以这里出现了菜鸟问题。我有一个日期选择器,它工作正常,但问题是选择日期后,它不会更新相应输入字段的值。该脚本显然使用类名工作,因此将有多个输入声明为在同一页面上使用同一类的日期选择器,但我必须单独更新输入字段的值,这意味着如果用户选择11/28/2020input1 只有 input1 更新该值,而不是已被同一类声明为日期选择器的其他输入。

这是我正在使用的日期选择器初始化代码:

<script>
    $('.persian-date').persianDatepicker({
        "inline": false,
        "format": "YYYY/MM/DD",
        "viewMode": "day",
        "initialValue": false,
        "minDate": null,
        "maxDate": null,
        "autoClose": true,
        "position": "auto",
        "altFormat": "",
        "altField": "",
        "onlyTimePicker": false,
        "onlySelectOnDate": false,
        "calendarType": "persian",
        "inputDelay": 800,
        "observer": true,
        "calendar": {
            "persian": {
            "locale": "fa",
            "showHint": true,
            "leapYearMode": "algorithmic"
            },
            "gregorian": {
            "locale": "en",
            "showHint": true
            }
        },
        "navigator": {
            "enabled": true,
            "scroll": {
            "enabled": true
            },
            "text": {
            "btnNextText": "<",
            "btnPrevText": ">"
            }
        },
        "toolbox": {
            "enabled": false,
            "calendarSwitch": {
            "enabled": false,
            "format": "MMMM"
            },
            "todayButton": {
            "enabled": false,
            "text": {
                "fa": "امروز",
                "en": "Today"
            }
            },
            "submitButton": {
            "enabled": false,
            "text": {
                "fa": "تایید",
                "en": "Submit"
            }
            },
            "text": {
            "btnToday": "امروز"
            }
        },
        "timePicker": {
            "enabled": false,
            "step": 1,
            "hour": {
            "enabled": false,
            "step": null
            },
            "minute": {
            "enabled": false,
            "step": null
            },
            "second": {
            "enabled": false,
            "step": null
            },
            "meridian": {
            "enabled": false
            }
        },
        "dayPicker": {
            "enabled": true,
            "titleFormat": "YYYY MMMM"
        },
        "monthPicker": {
            "enabled": true,
            "titleFormat": "YYYY"
        },
        "yearPicker": {
            "enabled": true,
            "titleFormat": "YYYY"
        }
    });
</script>

标签: javascript

解决方案


推荐阅读