3

ノックアウト カスタム バインディングを使用してjquery datepicker を入力要素 (ここのように) にアタッチする方法を見つけましたが、選択した曜日名のラベルが必要です。

jquery datepicker のように、「dddd」に設定して曜日名を取得できる altField と altFormat を取得しました。これは、jquery とノックアウトを使用したエレガントなソリューションです。jquery は altField にのみ入力でき、.

また、最初に入力フィールドを「dd/mm/yy」の形式で今日の日付にバインドするオプションはありますか?

また、ここでテスト例を使用してフィドルをセットアップしました。

var ViewModel = function(){
    var self = this;
    self.date= ko.observable(new Date());
};

ko.applyBindings(new ViewModel());

$(function(){
    $('#dp').datepicker({minDate:0, dateFormat: 'dd/mm/yy'});
});

<div>
    <input id="dp" data-bind="value: date, valueUpdate: 'keyup'" />
    <p>Day in week: <strong data-bind="text: date"></strong></p>
</div>
4

1 に答える 1

1

ネイティブのjqueryとノックアウトを組み合わせています。ビューモデルから直接jQUeryを使用しないでください。これは悪い習慣です。ここで私のバインディングを見てください

https://github.com/AndersMalmgren/Knockout.Bindings

例http://jsfiddle.net/H8xWY/7/

オプションにdateformatを追加します。

<input data-bind="datepicker: date, datepickerOptions: { minDate: new Date(), dateFormat: 'dd/mm/yy' }" />
于 2012-11-09T12:22:14.400 に答える