如何在jsviews中将css设置为自定义标签（datepicker）？

对于那些已经熟悉jsviews的人来说，这可能是一个简单的问题。我花了一个多小时才弄清楚如何设置/附加CSS类到datepicket标签。如何在jsviews中将css设置为自定义标签（datepicker）？

我下面这个例子：http://www.jsviews.com/#samples/tag-controls/datepicker/with-validation

    <div class="col-md-3"> 
         {^{validate enddate 
         required=false 
         ^minday=startdate 
         }} 
         {^{datepicker numberOfMonths=2 /}} 
         {{/validate}} 
        </div>

它工作正常，但如何设置自定义CSS的日期选择器标签？我想设置“class =”form-control“”..我尝试了下面的代码，但它不起作用。

     {^{validate startdate 
         required=false 
         ^maxday=enddate class="form-control" 
         }} 
         {^{datepicker numberOfMonths=2 class='form-control'/}} 
         {{/validate}}

我尝试几种不同的方法以及..作为jsviews日期选择器使用jQuery UI的和验证，我在看这个帖子以及How to add a custom class to my JQuery UI Datepicker ..

到现在为止，我不能将自定义css标记设置为{^{datepicker。我会继续寻找，但让我知道如果你知道如何做到这一点。谢谢！

来源

2014-10-05 Michael Sync

包装HTML元素的JsViews标签通常允许您声明性地提供元素（如由标签包装的HTML标记） - 如果你这样做，那么你可以平常地向包装元素添加一个类属性。您不需要编写任何脚本代码。

看到这个例子http://www.jsviews.com/#samples/tag-controls/datepicker/variants。

所以你可以这样写：

标签语法

{^{datepicker .../}}

标签语法，包装输入元素：

{^{datepicker ...}} 
     <input ... [class="foo"] /> 
    {^{/datepicker}}

标签语法，包装div元素：

{^{datepicker ...}} 
     <div ...[class="foo"] > ... </div> 
    {^{/datepicker}}

在你的情况下，你也包装在验证标签，所以你可以写：

{^{validate endDate required=true ^minday=startDate}} 
    {^{datepicker numberOfMonths=2}} 
    <input class="form-control"/> 
    {{/datepicker}} 
{{/validate}}

来源

2014-10-05 19:59:31 BorisMoore

非常感谢鲍里斯！ – 2014-10-06 03:37:18

如何在jsviews中将css设置为自定义标签（datepicker）？

回答

相关问题