Question

我在剑道网格中有这个专栏

.img-responsive

这是模型领域

<style>
h1,h2,h3,h4,h5,h6,h7,h8,
.h1,.h2,.h3,.h4,.h5,.h6,.h7,.h8 {
    font-weight:700;
}
h1,.h1 {
    font-size:1.8em;
}
h2,.h2 {
    font-size:1.6em;
}
h3,.h3 {
    font-size:1.4em;
}
h4,.h4,h5,.h5,h6,.h6 {
    font-size:1em;
}

.right {
    float:right;
}
.left {
    float:left;
}

[class^="icon-"], [class*=" icon-"] {
    font-family: 'FontAwesome';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.flex-row {
    display:flex;
    flex-wrap: wrap;
    margin:0;
}
.stretch {
    align-self:stretch;
}
</style>



<div class="row">
    <div class="col-md-7 col-xs-12 text-right">
        <a class="logo" href="{channel.link(channel.browsestartpage())}">
            <img src="{channel.link('/designs/SFVG/Logo_Franciscus_Gasthuis_Vlietland_PAYOFF_rgb.png')}" alt="logo Frasicus gasthuis &amp; Vlietland" class="img-responsive center-block" />
        </a>
    </div>
    <div class="col-md-5  col-xs-12" >
        <form class="navbar-form navbar-right" role="search" action="{html.location(cms.getdescendantbytitle(channel.browsestartpage(),'Beheer/Meta/Zoeken',Off), Autonomous)}" method="post">
            <div class="input-group">
                <input type="text" class="form-control" name="q"  title="Type hier uw zoekterm"  placeholder="Ik zoek ..." />
                <input type="hidden" value="0" name="searchconcept" id="c"  />
                <span class="input-group-btn">
                    <button type="submit" value="{locale.getstring('search',default='Zoek')}" class="btn btn-default"><i class="icon-search"></i></button>
                </span>
            </div>

        </form>
    </div>
</div>

现在batchEdit只显示datePicker。如何输入dateTimePicker？

Answer 1

这是一个显示它适合您的道场：custom datetime picker in batch editing

我所做的就是为名为日期

的列定义editor

editor: function (container, options) {
    var input = $("<input/>");
    input.attr("name", options.field);

    input.appendTo(container);

    input.kendoDateTimePicker({});
}

所有这一切都会覆盖默认的编辑器模板，并为您应用日期时间选择器控件。

我使用这个Grid API: Column Editor作为参考点来制作这个简单的演示。

如果您需要进一步的信息，请告诉我，如果可以，我会添加答案。

$（＆＃34;＃grid＆＃34;）。kendoGrid中的datetimePicker列

1 个答案: