选择未在 KnockoutJS 中显示的选项答案

【问题标题】：Select options not displaying in KnockoutJS选择未在 KnockoutJS 中显示的选项
【发布时间】：2020-11-16 04:48:21
【问题描述】：

html：

<select id="show_date" data-bind="options:dateOptionsArray,value:selectedDate, event: {change:onChangeDate}"></select>

JS：

self.dateOptionsArray = ko.observableArray(["Today","7 Days","30 Days", "Select Date Range"]);
self.selectedDate = ko.observable();
console.log(self.dateOptionsArray());

self.onChangeDate = function() {
        console.log("Selcted Date Range :");
        console.log(self.selectedDate());
        
        };

这根本不显示选择选项。它曾经在一周前显示，但现在不在我的代码中。我犯了什么错误？我想要一个带有日期的下拉菜单，并且显示日期应该打开一个弹出框来选择日历范围..

【问题讨论】：

标签： javascript html knockout.js knockout-3.0

【解决方案1】：

您发布的代码似乎可以正常工作，但提供的代码中没有提供用于填充日期或显示弹出窗口的规定。

function ViewModel() {
  var self = this;
  self.dateOptionsArray = ko.observableArray(["Today", "7 Days", "30 Days", "Select Date Range"]);
  self.selectedDate = ko.observable();
  console.log(self.dateOptionsArray());

  self.onChangeDate = function() {
    console.log("Selcted Date Range :");
    console.log(self.selectedDate());

  };
}

var vm = new ViewModel();
ko.applyBindings(vm)

<script src="https://cdnjs.cloudflare.com/ajax/libs/knockout/3.4.2/knockout-min.js"></script>
<select id="show_date" data-bind="options:dateOptionsArray,value:selectedDate, event: {change:onChangeDate}"></select>

【讨论】：