datetimpicker自定义绑定敲除 [英] datetimpicker custom binding knockout

查看:74
本文介绍了datetimpicker自定义绑定敲除的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我在使用 https://的应用程序中使用datetimpicker而不是datepicker github.com/xdan/datetimepicker/blob/master/jquery.datetimepicker.js 我在绑定后使用了

i am using datetimpicker not datepicker in my application using https://github.com/xdan/datetimepicker/blob/master/jquery.datetimepicker.js i used following binding

   ko.bindingHandlers.datetimepicker = {
    init: function (element, valueAccessor, allBindingsAccessor) {
        var $el = $(element);

        //initialize datepicker with some optional options
        var options = allBindingsAccessor().datepickerOptions || {};
        $el.datetimepicker(options);

        //handle the field changing
        ko.utils.registerEventHandler(element, "change", function () {
            var observable = valueAccessor();
            var $el = $(element);
            observable($el.datetimepicker("getDate").Value);
        });

        //handle disposal (if KO removes by the template binding)
        ko.utils.domNodeDisposal.addDisposeCallback(element, function () {
            $el.datetimepicker("destroy");
        });

    },
    update: function (element, valueAccessor) {
        var value = ko.utils.unwrapObservable(valueAccessor()),
            $el = $(element),
            current = $el.datetimepicker("getDate").Value;

        if (value - current !== 0) {
            $el.datetimepicker("setDate", value);
            console.log("just set", $el.datetimepicker("getDate").Value);
        }
    }
};

但是这里$ el.datetimepicker("getDate")返回html元素而不是日期,当我使用datepicker时,它可以正常工作,但不能与日期时间选择器一起使用

but here $el.datetimepicker("getDate") returns html element not date when i use datepicker it works fine but not with date time picker

推荐答案

根据文档,以获取您使用的输入字段的值

According to the documentation, to get the value of the input field you use

new Date($el.val())

代替

$el.datetimepicker("getDate").Value;

这篇关于datetimpicker自定义绑定敲除的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆