KO之tab栏切换

var viewModel = {
tabSelect:  ko.observable('0')，
changeState: function(state) {
    viewModel.tabSelect(state);
}
}


<div class="ebk3-tabs-group txt14 ib-vm  mr10">
    <ul class="nav ebk-nav-flat">
        <li data-bind="css:{'active': tabSelect() == 0}">
            <a data-bind="click: function() {$root.changeState(0)}" href="javascript:void(0)">多段模式</a>
        </li>
        <li data-bind="css:{'active': tabSelect() == 1}">
            <a data-bind="click: function() {$root.changeState(1)}"  href="javascript:void(0)">日历模式</a>
        </li>
    </ul>
</div>

<!--多段模式 start-->
<div class="model-tab" data-bind="visible: $root.tabSelect() == 0">
</div>
<!--多段模式 end-->

 <!--日历模式 start-->
<div class="model-tab" data-bind="visible: $root.tabSelect() == 1">
                        
</div>
<!--日历模式 end-->