knockout.js 日期选取器的挖空绑定

tv6aics1  于 2022-11-10  发布在  其他
关注(0)|答案(1)|浏览(153)

我正在尝试将所选日期从Bootstrap日期选择器传递到Javascript代码。另外,在默认情况下,日期选择器应该选择今天的日期。
目前,当单击搜索按钮时,当前日期会显示在提醒中。但是,我在将其绑定到日期选取器时遇到了麻烦。我错过了什么/做错了什么?
日期选择器代码:

<form class="form form-horizontal" style="background-color:white">
    <div class="form-group">

        <div class="col-lg-2">
            <div class="input-group addon">
                <span class="input-group-addon"><i class="fa fa-calendar"></i></span>
                <input id="searchDate" readonly style="cursor: pointer;" data-bind="datePicker: SearchDate" class="form-control pad-bottom-when-small" type="text" data-provide="datepicker" data-date-format="dd/mm/yyyy" data-date-autoclose="true"/>
            </div>
        </div>

        <div class="col-lg-3">
            <button class="btn btn-success" onclick="search()">Search</button>
        </div>
    </div>
</form>

我的数据绑定尝试:

<script>
    ko.applyBindings({
        SearchDate: ko.observable(moment().toDate()),
    });
</script>

<script type="text/javascript">
    self.SearchDate = ko.observable(moment().toDate());

    function search() {
        alert(self.SearchDate());
    }
</script>
tktrz96b

tktrz96b1#

看起来你需要在敲除方面做一些阅读,特别是在custom binding handler部分,这是一种 -a- 将非敲除代码与你的敲除视图模型以一种干净的方式连接起来的方法。如果你在应用程序的其他部分需要日历选择器,这也会创建一段可重用的代码。我已经创建了一个非常基本的概念,你将需要什么,作为一个练习,我将让您整理输入错误日期时的错误处理,或者尝试想出一个想法,您可以在哪里实现具有空/null输入框的添加。
第一个

相关问题