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

发布时间：2020-12-18 00:27:07 所属栏目：安全来源：网络整理

导读：我想使用引导的日期戳,并将所选日期绑定到knockoutjs. 使用datepicker的功能： $(function() {// create the departure date$('#depart-date').datepicker({ autoclose: true,format: 'yyyy/mm/dd',}).on('changeDate',function(ev) { ConfigureReturnDate()

我想使用引导的日期戳,并将所选日期绑定到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);
        }
    };

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!