首页 > 其他 > 详细

Knockout自定义绑定数据

时间:2016-10-21 16:12:06      阅读:265      评论:0      收藏:0      [点我收藏+]

 

 

var ko = require("knockout");
var komap = require("/scripts/plugins/knockout/knockout.mapping.js");
_viewListModel = komap.fromJS(data);

ko.bindingHandlers.datePicker = {
     init:
function (element, valueAccessor, allBindingsAccessor, viewModel) {

         //注册监听值改变事件
         ko.utils.registerEventHandler(element,
"change", function () {
             
var value = valueAccessor();

              //转换
             
var string = "/Date(" + moment(element.value, "YYYY-MM-DD HH:mm").valueOf() + "+0800)/";

              //转换后的值给原model
              value(string);
           });
     },
    
// Update the control whenever the view model changes
     update: function (element, valueAccessor, allBindingsAccessor, viewModel) {
            var value = valueAccessor();
            element.value
= moment(value()).format("YYYY-MM-DD HH:mm");
     }
};

//绑定视图数据

ko.applyBindings({ lists: _viewListModel }, document.getElementById("listBody"));

 

<input type="text" data-bind="datePicker: EndDateTime" />

Knockout自定义绑定数据

原文:http://www.cnblogs.com/qiumc/p/5984723.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!