twitter-bootstrap – 绑定引导日期戳与knockoutjs

前端之家收集整理的这篇文章主要介绍了twitter-bootstrap – 绑定引导日期戳与knockoutjs前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我想使用引导的日期戳,并将所选日期绑定到knockoutjs.

使用datepicker的功能

$(function() {

// create the departure date
$('#depart-date').datepicker({
    autoclose: true,format: 'yyyy/mm/dd',}).on('changeDate',function(ev) {
    ConfigureReturnDate();
});


$('#return-date').datepicker({
    autoclose: true,startDate: $('#depart-date').val()
});

// Set the min date on page load
ConfigureReturnDate();

// Resets the min date of the return date
function ConfigureReturnDate() {
     $('#return-date').datepicker('setStartDate',$('#depart-date').val());
}

});

这是一个我想要使用的小提琴,但不知道如何去做.
http://jsfiddle.net/zNbUT/276/

解决方法

我找到一个帮助我的小提琴
http://jsfiddle.net/jearles/HLVfA/6/

小提琴功能

ko.bindingHandlers.datepicker = {
        init: function (element,valueAccessor,allBindingsAccessor) {
            //initialize datepicker with some optional options
            var options = allBindingsAccessor().datepickerOptions || {};
            $(element).datepicker(options).on("changeDate",function (ev) {
                var observable = valueAccessor();
                observable(ev.date);
            });
        },update: function (element,valueAccessor) {
            var value = ko.utils.unwrapObservable(valueAccessor());
            $(element).datepicker("setValue",value);
        }
    };

猜你在找的Bootstrap相关文章