KnockoutJS + My97DatePicker b

如何将Knockoutjs和其他脚本库结合使用?这里给出一个Knockoutjs与my97datepicker配合使用的例子,例子中使用了ko的自定义绑定功能:

ko.bindingHandlers.my97DatePicker = {
    init: function (element, valueAccessor) {
        $(element).on(‘click‘, function() {
            WdatePicker({dateFmt: ‘HH:mm:ss‘ });
        }).on(‘blur‘, function() {
            valueAccessor()($(element).val());
        });
    },
    update: function (element, valueAccessor) {

    }
};

使用的时候就可以这样:

<input type="text" class="form-control" data-bind="my97DatePicker: time">

原创文章,转载请注明: 转载自xdlysk的博客

本文链接地址: KnockoutJS + My97DatePicker[http://www.xdlysk.com/article/57a944fbf46a268c098a5c5d]

时间: 2024-10-25 14:41:58

KnockoutJS + My97DatePicker b的相关文章

KnockoutJS + My97DatePicker

如何将Knockoutjs和其他脚本库结合使用?这里给出一个Knockoutjs与my97datepicker配合使用的例子,例子中使用了ko的自定义绑定功能: ko.bindingHandlers.my97DatePicker = { init: function (element, valueAccessor) { $(element).on('click', function() { WdatePicker({dateFmt: 'HH:mm:ss' }); }).on('blur', fu

KnockOutJs初次体验

最近忙着一个项目的上线,突然想起好久没上博客园了 跑进来看了一下,好像已经过了有四个月了 想想也是过了蛮久了,所以进来发表一点什么东西 偶然机会看了一个叫KnockOutJs的东西,体验了一下,觉得还是蛮好玩的 首先引用官方的knockoutjs,然后写上js代码 var ViewModel = function(first, middle,last) { this.firstName = ko.observable(first); this.middleName=ko.observable(m

Knockout自定义绑定my97datepicker

/* my97datepicker 时间格式'yyyy-MM-dd HH-mm-ss' */ ko.bindingHandlers.datetimes = { init: function (element, valueAccessor, viewModel) { var value = ko.utils.unwrapObservable(valueAccessor()); $(element).attr("class", "Wdate"); $(element).

mvc与My97DatePicker插件的结合

Razor视图引擎与My97DatePicker插件的结合 1 using System; 2 using System.Collections.Generic; 3 using System.Runtime.CompilerServices; 4 using System.Linq.Expressions; 5 6 namespace System.Web.Mvc 7 { 8 /// <summary> 9 /// Extended the HtmlHelper for Calendar 1

Knockoutjs的环境搭建教程

最近要在项目中使用Knockoutjs,因此今天就首先研究了一下Knockoutjs的环境搭建,并进行了一个简单的测试,需要的朋友可以了解下 最近要在项目中使用Knockoutjs,因此今天就首先研究了一下Knockoutjs的环境搭建,并进行了一个简单的测试. 首先要到http://knockoutjs.com/index.html下载最新版本的Knockoutjs,笔者这里下载的是knockout-2.2.0.js.然后新建一个.html文件,在html文档中加入以下的语句导入此js: <s

Knockoutjs快速入门(经典)

Knockoutjs是一个JavaScript实现的MVVM框架.主要有如下几个功能: 1. Declarative bindings 2. Observables and dependency tracking 3. Templating 它对于分离前台的业务逻辑和视图简化数据绑定过程有显著的作用.闲言少叙,直接看例子,如何下载也不说了,如果用VS开发的话用Nuget就可以一键搞定. 1.基本绑定和依赖跟踪 首先需要定义一个ViewModel: 复制代码 代码如下: <script type=

My97DatePicker日期控件实现按日、周、月、季、年选择时间段

 http://www.cnblogs.com/kevin-zlg/p/4631413.html 前台页面需要使用日期控件时,同事选择了My97DatePicker,功能还是挺强大的,在使用过程中需要实现按日.按周.按月.按季度.按年选择时间的功能. 控件自身提供了按日.按月和按年选择的功能,但是选择周和选择季度没有,鉴于方便,在选择周时就使用了选择日的状态,选择了日后再计算这一天所属的周的起始和结束日期. 在选择季度时,使用了选择月份的状态,选择月份后计算所属的季度的开始和结束日期. 控件本身

knockoutJs在移动设备上有时无法更新控件值

最近在用cordova(phonegap)写一个移动app,表单比较复杂,用了knockoutJs作为前端的MVVM框架进行数据绑定. 但是发现有时候(其实是每次)如果最后在input中编辑一个值,然后直接点保存按钮(用JQM的tap事件,之前直接用touchend也一样),会发现最后焦点所在的这个控件的值没有更新. 猜测是因为KO的value绑定默认是在控件触发change事件时更新view model中的值,但是不知道为什么点击保存按钮并没有触发最后这个input的change事件. 解决方

My97DatePicker时间控件

之前一直使用easyui控件无法实现只显示yyyy年MM月格式或者显示yyyyMM格式.相比My97DatePicker时间控件更为强大些. 只要在页面引用如下脚本,WdatePicker.js内部会引用其它js. <script type="text/javascript" src="<%=root%>/Common/My97DatePicker/WdatePicker.js"></script> 然后在input中编写oncl