javascript - 如何在 Jquery 日历插件上设置选定日期

Question

因此，我在具有设定日期的页面上使用日历应用程序。我有它，所以当您单击日历时，输入中包含日期的任何内容都会更改为您单击的日期。 当您加载到页面时，我希望输入中的任何日期都是日历设置的日期。谢谢。 插件链接 - https://www.jqueryscript.net/time-clock/Simple-jQuery-Calendar-Date-Picker-Plugin-DCalendar.html

var pageDate = "4/04/2018";

<input class="date">





    $('.date').val(pageDate);
    // Make above date the selected date
// Code below is for setting input to date you select. Currently works.
    $('.box').dcalendarpicker({
                format: 'mm-dd-yyyy'
            }).on('datechanged', function(e) {
                console.log('Date change');
                var d = e.date;
                selectedDate = moment(d, 'MM-DD-YYYY');
                var theDate = selectedDate._i;
                $('.date').val(theDate);
                var weekdayLongform = selectedDate.format("dddd, MMMM");
                var dateLongform = selectedDate.format(" D");
                var yearLongform = selectedDate.format(" YYYY");
            });

Answer 1

只需将日期设置为输入值(与插件初始化中指定的格式相同)。这样就可以了。

<!-- value specifid as mm-dd-yyyy -->
<input class="date" value="03-11-2018">