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">

如何在Jquery Calendar Plugin上设置选定的日期

1 个答案: