jquery 用于将日期值绑定到日期输入控制器- KnockoutJS

nhjlsmyf  于 2022-11-03  发布在  jQuery
关注(0)|答案(1)|浏览(88)

我有一个日期类型的输入控制器,并试图绑定从API(Json)收到的日期值,但它不是绑定。能够绑定所有其他文本属性/下拉菜单等没有任何问题。
日期字段的Api属性:

assigned_Date: "2022-10-18T00:00:00"

Html控制器:

<input type="date" id="ReceivedDate" class="datepicker form-control-sm" data-date-format="mm/dd/yyyy" data-bind="value: assigned_Date" placeholder="" />

也试过,

<input type="date" id="ReceivedDate" class="datepicker form-control-sm" data-date-format="mm/dd/yyyy" data-bind="date: assigned_Date" placeholder="" />

正在为MVVM使用Knockout JS。除了日期字段外,所有其他值都可以很好地绑定。尝试在分配值时应用格式,但没有成功。

xjreopfe

xjreopfe1#

你可以使用敲除绑定。例如:

//bind handler
ko.bindingHandlers.date = {
    update: function (element, valueAccessor, allBindingsAccessor, 
        viewModel, bindingContext) {
        var valueUnwrapped = ko.utils.unwrapObservable(valueAccessor());
        var textContent = moment(valueUnwrapped).format("DD/MM/YYYY");
        $(element).val(textContent);
    }
};

//view model
var ViewModel = function() {
    var self=this;
    self.ReceivedDate=ko.observable(new Date());
};

ko.applyBindings(new ViewModel());

//html
<input type="text" data-bind="date: ReceivedDate" />

相关问题